본문 바로가기

블로그

티스토리에 RSS 구독 버튼 달기

티스토리의 사이드바에 아래와 같은 RSS 구독 버튼을 다는 방법입니다. 이 버튼들은 티스토리에서 기본적으로 지원해 주는 것으로 원래는 사이드바의 기본 RSS 구독 버튼을 클릭시 이동하는 페이지에 달려있는 것인데, 이 버튼을 이용해 RSS 구독을 하려면 먼저 기본 RSS 구독 버튼 클릭해서 페이지을 해야하는 단계를 거쳐야 하기 때문에 다소 불편함이 있습니다.




 
 
사이드바에 HTML 배너 출력 모듈 추가  

사이드바에 RSS 구독 버튼을 추가 하려면 먼저는 사이드바에서 HTML 모듈을 사용가능하도록 플러그인 설정을 해주어야 합니다. 

방법은 간단합니다. 일단 티스토리 관리자 페이지로 이동합니다. 그 다음 왼쪽의 메뉴들 중 '플러그인 설정' 메뉴로 들어가서 '관리 및 통계 - 배너 출력'을 체크해 줍니다. 그러면 사이드바에 HTML 배너 출력 모듈을 추가하는 것이 가능해 집니다. 





HTML 배너 출력 모듈에 RSS 버튼 설정  

이제 사이드바에 HTML 배너 출력 모듈을 추가한 후 원하는 위치로 이동 시킨 후에 편집 버튼을 눌러 RSS 구독 버튼을 추가하는 코드를 넣어줍니다. 각 RSS 구독 버튼에 대한 코드는 아래와 같습니다. 



다음 블로그
<A style="CURSOR: pointer! important; COLOR: rgb(86,137,66)! important; LINE-HEIGHT: 2em; TEXT-DECORATION: underline" onclick="window.open(this.href,'daumrssregister','width=540 , height=306, status=no, toolbar=no, menubar=no, location=no, resizable=yes');return false;" href="http://blog.daum.net/_blog/rss/ManagerChannelInsertForm.do?channelUrl=http://블로그주소.tistory.com/rss&amp;channelCheck=true&amp;event=t">
<IMG style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: 0px; max-width: 100%" height=37 alt="Daum블로그로 구독" src="http://icon.daum-img.net/2008_guide/rss/rss_btn_blog.gif" width=112> </A>

한RSS
<A style="CURSOR: pointer! important; COLOR: rgb(86,137,66)! important; LINE-HEIGHT: 2em; TEXT-DECORATION: underline" onclick="window.open(this.href);return false;" href="http://www.hanrss.com/add_sub.qst?url=http://블로그주소.tistory.com/rss">
<IMG style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: 0px; max-width: 100%" height=24 alt=HanRSS src="http://icon.daum-img.net/2008_guide/rss/rss_btn01.gif" width=106> </A>

구글리더
<A style="CURSOR: pointer! important; COLOR: rgb(86,137,66)! important; LINE-HEIGHT: 2em; TEXT-DECORATION: underline" onclick="window.open(this.href);return false;" href="http://fusion.google.com/add?feedurl=http://블로그주소.tistory.com/rss">
<IMG style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: 0px; max-width: 100%" height=24 alt=Google src="http://icon.daum-img.net/2008_guide/rss/rss_btn03.gif" width=106> </A>

XML
<A style="CURSOR: pointer! important; COLOR: rgb(86,137,66)! important; LINE-HEIGHT: 2em; TEXT-DECORATION: underline" href="http://jmail.tistory.com/rss/xml" target=_blank>
<IMG style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: 0px; max-width: 100%" height=24 alt=RSS src="http://icon.daum-img.net/2008_guide/rss/rss_btn04.gif" width=106> </A>

Bloglines
<A style="CURSOR: pointer! important; COLOR: rgb(86,137,66)! important; LINE-HEIGHT: 2em; TEXT-DECORATION: underline" onclick="window.open(this.href);return false;" href="http://www.bloglines.com/sub/http://블로그주소.tistory.com/rss">
<IMG style="CLEAR: none; BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT: none; BORDER-LEFT: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: 0px; max-width: 100%" height=24 alt=Bloglines src="http://icon.daum-img.net/2008_guide/rss/rss_btn05.gif" width=106> </A>
 
이를 응용하면 다른 RSS 리더의 구독 버튼도 쉽게 추가할 수 있을 것 같습니다.


출처 : J편지