본문 바로가기

Tech-tips/How to blog

티스토리 링크 추가 버튼 만들기

티스토리 링크 추가 버튼 만들기


티스토리는 네이버 블로그 처럼 네이버me가 있어서 이웃블로그의 일거수 일투족을 보여준다던가[각주:1], 아니면 다음처럼 친구 맺기 기능이 있다던가, 이글루스처럼 키배를 뜰수 있는 옥타곤을 열어준다던가 하는 기능이 전혀 없습니다. 즉, 친목친목을 할 곳이 전혀 없다는 것이죠. 특별하게 RSS를 구독하거나 아니면 트위터를 팔로우하지 않는 이상은 해당 블로그에서 무슨일이 일어나는지는 알도리가 없습니다.


미약하게나마 티스토리에서도 타 블로거와의 교류를 위해서 링크기능을 제공합니다. 이 링크기능은 타 블로그와 자신 블로그 간의 교류상태를 간략하게 보여주며, 새글이 올라오면 표시도 뜹니다. 다만 새글 알림이 온다던가 하는 고차원의 기능은 없습니다.


그래서 결론은 너무 썰렁해서 무인도라고 불리우는 티스토리 이기는 하지만[각주:2] 서로 링크를 맺고 교류를 하면 좀 낫지 않을까 마 그리생각합니다.

링크 추가는 상단의 툴바에서도 할수 있지만, 스킨에 따라서 아예 없는 경우도 있습니다. 그래서 별도로 링크 버튼을 만들어 두는 것도 좋은 방법입니다.


링크 버튼을 만드는 법을 완전 쌩기초 부터 친절하게 설명드리면,


<a href=""> </a>이것은 링크를 거는 anchor 태그 입니다. 이 태그를 이용하면 다른 웹페이지를 링크 걸수 있습니다. 해당 태그에서 a는 anchor, href는 hyper text reference를 의미합니다. = 뒤에 ""사이에 링크주소를 넣으면 됩니다. 이 태그는 독립적으로 쓰일수가 없어서 </a>와 같이 닫아주어야 합니다.

href="안에" 다음과 같은 주소를 넣어줍니다.http://자신의 블로그 주소.tistory.com/toolbar/popup/link/

그러면 대충 이런 모양이 나오겠죠. <a href="http://자신의 블로그 주소.tistory.com/toolbar/popup/link/"></a>

<a hre="">과 </a>사이에는 원하는 문구를 집어 넣거나 사진을 넣을 수가 있습니다.

<a href="http://자신의 블로그 주소.tistory.com/toolbar/popup/link/">블로그 링크추가하기</a>

요렇게 태그를 구성하면

이런게 만들어지는 것이죠. 블로그 링크 추가하기


그냥 택스트 버튼으로 덜렁 만들기 싫다면 이미지 버튼을 넣을 수도 있습니다.

<img src=""> 이것이 이미지 태그입니다. img는 image, src는 source를 의미합니다. = 뒤에 "" 사이에는 이미지의 경로를 적어주시면 됩니다. 이 태그는 독립적으로 쓰이기 때문에 <img를 쓰고 > 그냥 꺾쇠를 닫으면 됩니다.

스킨 업로드의 이미지 업로드에 파일을 올리셨다면 ./images/그림파일.jpg 요렇게 경로가 만들어지게 됩니다.

<img src="./images/그림파일.jpg">

이걸 anchor 태그로 감싸주면

<a href="http://자신의 블로그 주소.tistory.com/toolbar/popup/link/"><img src="./images/그림파일.jpg"></a> 이런모양이 됩니다.


이제 이렇게 만든 버튼을 skin.html을 열어 자신이 원하는 곳에 넣으면 됩니다.

  1. 사실 꼼수를 이용하면 네이버me의 알림 시스템을 티스토리도 가능하게 개조해서 쓸수 있습니다. 참고글 2013/06/29 - [Tutorials/Tistory] - 네이버me에서 티스토리 블로그 글 받아보는 방법 [본문으로]
  2. 하루평균 댓글 2개입니다. 하하하하 네이버 쓸데는 하루종일 포스팅 안해도 10개는 달리던데 -_ㅠ [본문으로]