내 블로그에 한RSS 추가 버튼 넣기

내 블로그에 한RSS 추가 버튼 넣기

원문 : http://kkamagui.springnote.com/pages/600799

들어가기 전에...

• 이 글은 kkamagui에 의해 작성된 글입니다.
• 마음껏 인용하시거나 사용하셔도 됩니다. 단 출처(http://kkamagui.tistory.com, http://kkamagui.springnote.com)는 밝혀 주십시오.
• 기타 사항은 kkakkunghehe at daum.net 이나 http://kkamagui.tistory.com으로 보내주시면 반영하겠습니다.

0.시작하면서...

 블로그를 돌아다니다 보면 심심치 않게 한RSS의 이미지와 함께 "이 블로그를 한RSS에 추가하세요"와 같은 문구를 볼 수 있다. 클릭해 보면 한RSS의 사이트로 이동하고 RSS 추가화면으로 이동하는 것을 볼 수 있는데, 상당히 편리하고 구독자를 늘리는데 효율적인 방법이라 생각된다.

 지금부터 블로그에 한RSS 구독버튼을 추가하는 방법을 알아보자.

1.한RSS 등록 페이지

 http://www.hanrss.com/help/bloggers.qst로 이동하면 아래와 같은 화면이 표시된다.

 

<사이트 등록 페이지>

 RSS 주소를 붉은 색 부분에 붙여 넣고 "HTML 생성" 버튼을 누르면 추가할 수 있는 HTML 코드가 생성된다. 이제 RSS 주소를 찾아보자.

2.내 블로그 RSS 주소 찾기

 RSS 주소를 어디서 얻을 수 있을까? 블로그에 보면 아래와 같은 아이콘을 찾을 수 있다.

 

<RSS 주소 아이콘>

 위의 아이콘을 클릭하면 아래와 같이 RSS 주소가 표시된다. 이 주소를 한RSS에 붙여넣으면 된다.

 

<RSS 주소>

3.HTML 코드 생성

 한RSS 페이지로 다시 이동해서 블로그 구독 주소를 입력하고 "HTML 생성" 버튼을 클릭하면 아래와 같이 HTML 코드가 생성된다.

 

<생성된 한RSS 추가 HTML 코드>

 위의 코드를 블로그 스킨에 삽입하면 된다.

5.블로그 스킨 변경

 내가 티스토리를 쓰고 있는 관계로 티스토리를 위주로 설명하겠다. 티스토리의 관리 메뉴로 이동하여  "스킨" 탭으로 이동하자. "HTML/CSS 수정" 을 눌러서 skin.html에 생성된 HTML 코드를 추가하자.

 

<skin.html 코드 수정>

 skin.html 코드를 뒤져서 아래의 파란색 코드(생성된 HTML 코드)를 추가하자.

1.       <!-- 본문 -->
         <div class="article">##_article_rep_desc_##</div>
2. 
   <!-- kkamagui 추가 Han Rss에 추가 시작 -->
   <center><strong>
   이 블로그를 한 RSS에 추가하세요 ^^ => <a href="http://www.hanrss.com/add_sub.qst?url=http%3A%2F%2Fkkamagui.tistory.com%2Frss" title="한RSS에 이 블로그를 추가"><img src="http://static.hanrss.com/images/add_to_hanrss3.gif" border="0" /></a>
   </strong></center>
   <!-- Han Rss에 추가 끝 -->
3. 
         <div class="author">
          Posted by ##_article_rep_author_##
         </div>      
   

 코드를 추가한 뒤 "미리보기" 버튼을 누르면 아래와 같이 한RSS에 추가버튼이 표시된다. 정상적으로 표시되면 저장하면 끝이다.

 

<추가된 구독 버튼> 

7.마치면서...

 이것으로 블로그에 한RSS 구독 버튼을 추가하는 방법에 대해서 모두 알아보았다. 구독 버튼을 설치하지 않아도 괜찮지만 구독자의 편의를 위해서라면 시간을 조금 투자하는 것도 나쁘지 않을 것 같다.

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