티스토리의 사이드바에 아래와 같은 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&channelCheck=true&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편지
'블로그' 카테고리의 다른 글
티스토리 포스트 내에서 스크립트 사용시 주의점 (0) | 2012.09.30 |
---|---|
티스토리 카테고리 펼치기 (0) | 2012.09.28 |
티스토리 단축키 (0) | 2011.12.14 |
본문의 소제목 배경 html 코드 (0) | 2011.12.12 |
티스토리에 코드 하이라이트(SyntaxHighlighter) 기능 사용하기 (2) | 2011.12.12 |