IT 인터넷 REVIEW

티스토리 블로그 사이드바에 이웃추가 링크버튼 만들기

Grandpassion 2016. 11. 9. 15:43
반응형

티스토리에는 이웃추가 버튼이 따로 없어서 내 블로그 또는, 타인의 블로그를 서로 이웃추가를 하려면 조금 번거롭다. 그래서 티스토리 블로그 사이드바에 이웃추가 링크버튼을 만들어서 배치하면, 내 블로그를 다른 블로거가 링크를 할 수 있도록 하면 조금 더 많은 이웃을 만들 수 있고, 이웃들과 좋은 정보를 공유하고 인사를 나누면서  소통을 할 수 있을 것이다.








티스토리 블로그 사이드바에 이웃추가 링크버튼 만들기




제일 먼저 이미지를 만들어야 하는데, 이미지는 윈도우에 기본적으로 깔려있는 그림판을 사용해서 본인이 원하는 디자인으로 만들어 놓는다. 이 때 사이드바의 넓이를 고려해서 사이즈를 미리 설정하고 이미지를 만들어 놓는다.





관리자로 들어가서 HTML/CSS를 클릭하고, 파일업로드를 클릭하고, 추가를 클릭해서 본인이 만들어 놓은 이미지 파일을 업로드 하면 위와 같이 업로드 된 파일 이름이 생성된다. 클릭하면 만들어 놓은 이미지가 보인다.





파일명을 마우스 우클릭해서 "링크 주소 복사"에서 이미지의 주소를 복사해 놓는다.






<center>

<a href="toolbar/popup/link" onclick="window.open(this.href, 'ppwin','scrollbars=yes,width=550,height=520'); return false" 

title="                                                 ">

<img src="                                                                                                                " ></a>

<center>


 티스토리 링크걸기.txt


타이틀 부분에 원하는 이름을 입력하고. 다음 칸에 복사한 이미지의 주소를 붙여넣기 한다.



다시 관리자로 돌아와서 사이드바를 클릭하고 HTML 배너출력을 추가한 후 이름과 만들어 놓은 이미지의 주소를 붙여넣기 하고 저장을 누른 후 블로그를 확인한다.





링크버튼을 클릭하면 이런 창이 뜬다. 그러면 링크버튼 만들기가 성공한 것이다.


이렇게 티스토리 블로그 사이드바에 이웃추가 링크를 만들어 놓으면 링크를 걸기가 쉬울 것이고, 이웃들도 많이 생기지 않을까요?


티스토리 블로그 사이드바에 이웃추가 링크버튼 만들기