태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

블로그 발행자라면 RSS구독버튼을 정리하고 싶은 생각이 들것이다.

필자도 여러 RSS구독버튼은 깔끔하게 본문 글이 끝나는 지점에 배치하고 싶었다.

한RSS의 경우 자체로 소스를 제공하기 때문에 먼저 삽입을 했다.

그러나 다른 여러 RSS의 경우 필자가 잘 사용안 하는 것도 있지만 어쨋던 좀 어려웠다.

 

여러브로그들을 방문한 결과

구독 버튼 / 메타블로그 버튼 / 추천 버튼 등을 모아서 디스플레이 하는 경우가 많았다.

일단 이번 포스팅에서는 구독버튼을 정리해 본다.

(지금은 구독버튼이 필요하기에~ 이후에는 아마 다른 모든 버튼을 정리하고 싶어질 것 같다^^)

여러방법이 있을지 모르나 봐도 어렵고 해서 티스토리 본래 기능을 활용한 내 나름대로 방법을 하나 찾았다.

 

  1. 티스토리 사이드바 하단에 보면 아래와 같은 버튼이 있다.



    티스토리에서 자체 지원하는 RSS구독버튼이다. 다들 아마 한번쯤 들어가 봤을 것이다.

    나름 편리한 것 같기도 하지만 새창이 한번뜨고 또 클릭해야 하는 불편함이 있다.

    잘 응용해서 활용해보자

     

  2. 다음과 같은 새창이 뜬다. 티스토리에서는 여러구독 버튼을 여기에 모아뒀다



    밑으로 글도 많이 나오고 좀 불편하다. RSS구독버튼은 오른쪽 상단에 모여져 있다

    아직은 지원하는 것이 몇가지 안된다. 다른 곳들도 티스토리에서 지원해준다면 금상첨화가 될 듯~

     

  3. 드래그 복사해서 글쓰기창에 붙인다 (소스를 보기 위해서이다)

    소스보기를 해도 RSS구독버튼 부분은 안나온다

    아래 그림 중 필요한 부분을 드래그 해서 복사해보자 (버튼 부분만 잘 드래그 하면 될 듯하다)



    글쓰기창에 붙여본다. 그리고 html을 체크하면 소스를 볼 수 있다.

     

  4. 잡다한 소스가 딸려 오는데 필요한 부분은 아래부분이다

    <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://jmail.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>

    <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://jmail.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://jmail.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>

    <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>

    <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://jmail.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>




    여기서 중요하게 볼 점은 <A style=~> </A> 이것이다. 요 하나의 소스가 하나의 구독버튼이 된다.

    살펴보면 버튼 이미지도 수정할 수 있고 링크관리도 가능하다^^

    필자는 네번째 버튼 xml 관련해서 자체창으로 떠서 새창 소스를 추가했다.

    이 후에 버튼 이미지도 멋쥔걸로 바꿔볼 생각이다.

     

  5. 소스를 필요에 따라 약간 수정하고 필요한 곳에 삽입한다

    자 이제는 자신이 원하는 곳에 붙여넣으면 끝난다. (각 자의 취향대로~)

    원고가 끝나는 곳에 넣고 싶었기 때문에 그 곳에 넣어본다^^

 

이상~ 티스토리를 활용한 RSS구독버튼 정리 완성^^

이 글은 스프링노트에서 작성되었습니다.

신고
Posted by J편지