RSS 구독권유 버튼 포스트 하단에 배치하기

2007.11.24 08:58블로거팁닷컴/블로그 운영법

오늘은 대한민국 최대 웹기반 RSS 구독서비스 사이트 한RSS에 가입하여 나만의 블로그 RSS 구독권유 버튼을 포스트 하단에 배치하는 방법에 대해 알아보겠습니다. 물론 아는 분이 더 많이 계시지만 RSS 구독권유 버튼을 물어오시는 분도 많이 계시기 때문에 도움이 될만한 포스트라고 생각합니다. 제가 동영상으로도 설명했던 한RSS 가입방법 부터 구독권유 버튼 다는 방법까지 이미지와 함께 알아보도록 하겠습니다. :)


☞ 한RSS 에 접속합니다. http://www.hanrss.com/ 이제부터 만져야 할곳은 빨간색으로 네모 체크합니다. 빨간색으로 된곳을 보시면 회원가입 이라는 글씨가 보이시죠? 클릭합니다.

사용자 삽입 이미지


☞ 아래의 팝업창이 나오게 됩니다. 이메일주소를 입력하고 (자신의 이메일주소) 비밀번호 (앞으로 사용할 비밀번호) 를 입력하신 후 이용약관에 체크하고 가입하기 버튼을 누릅니다. 다음 단계로 진행합니다.

사용자 삽입 이미지


☞ 메일 발송이 되었다는 메시지가 적힌 팝업창이 떴습니다. 메일 확인하러 가기 버튼을 누릅니다.

사용자 삽입 이미지


☞ 바로 메일 사이트로 접속됩니다. 로그인 하시면 아래의 화면처럼 한메일에서 메일이 한통 와 있습니다. 빨간색으로 된 부분을 클릭하고 다음 단계로 진행합니다.

사용자 삽입 이미지


☞ 아래의 메시지가 적힌 팝업창이 나옵니다. 승인이 되었네요. 기쁜 마음으로 로그인 버튼을 누릅니다.

사용자 삽입 이미지


☞ 로그인 되었습니다. 왼쪽에 사이트에 설치 버튼이 보이시나요? 클릭하고 다음단계로 진행합니다.

사용자 삽입 이미지


☞ 자 한RSS에 추가하기 버튼 이라는 노란색 글씨와 함께 설정창이 드뎌 나왔습니다. 1번과 2번이 이 포스트에서 봐야할 부분이며 3번과 4번은 구독자수가 표시되는 버튼을 노출시키는 곳이니 3번과 4번은 흥미가 있으신분은 똑같은 방식으로 응용해서 사용하시면 되겠습니다. 1번에서는 RSS 버튼의 디자인을 정해줍니다. 2번에는 자신의 블로그 RSS 주소를 입력합니다. 블로그 스킨에 보면 RSS 구독 혹은 RSS 라는 버튼이 있습니다. 그곳을 클릭하면 자신의 RSS 주소를 알수 있습니다. 임의로 mepay님의 RSS 주소를 등록해 보았습니다. 다 되었으면 빨간색으로 표시된 HTML 생성 버튼을 누르고 다음 단계로 진행합니다.

사용자 삽입 이미지


☞ HTML 코드가 생성된 것이 보입니다. 자! 이제부터 이코드를 가지고 내가 작성한 포스트 하단에 붙이는 방법을 알아보겠습니다.

사용자 삽입 이미지


☞ 포스트를 모두 작성했다고 가정해 보겠습니다. 하단에 자신만의 구독권유글을 삽입한후 우측에 두껍게 표시된 곳을 눌러 HTML 모드로 전환합니다.

사용자 삽입 이미지


☞ 길다랗게 표시된 곳에 두번째 전 단계의 코드를 삽입하면 됩니다. 자 아래처럼 됐으면 우측의 버튼을 눌러 EDIT 모드로 전환 잘 들어갔는지 확인해 보겠습니다.

사용자 삽입 이미지


☞ 예쁘게 들어간 모습이 보이시죠? 이제 포스트를 저장합니다.

사용자 삽입 이미지


☞ 저장한 모습입니다. 예쁘게 추가버튼이 들어가 있습니다. 그렇다면 방문자들이 저 RSS 추가 버튼을 누르고 어떤 방식으로 내 블로그를 구독하게 되는지 직접 클릭해서 알아보겠습니다.

사용자 삽입 이미지


☞ 추가 버튼을 눌렀더니 아래처럼 한RSS 의 메인화면과 함께 추가할 RSS 정보란에 자동으로 mepay님의 블로그 RSS 정보가 나옵니다. 녹색으로 된 부분 즉 내 RSS에 추가 버튼을 눌러 보겠습니다.

사용자 삽입 이미지


☞ 왼쪽에 구독하는 블로그 목록에 mepay님의 블로그가 추가된 것이 보입니다. 클릭했더니 본문에 mepay님 블로그 글이 줄줄 펼쳐지네요. 이해가 가셨나요? 이런 식으로 블로그 구독자가 늘어나게 됩니다. :D

사용자 삽입 이미지

포스팅이 유익 하셨다면 블로거팁 닷컴을 구독하세요->
  • 이전 댓글 더보기
  • 프로필사진
    Favicon of http://www.alonecrow.com BlogIcon 외로운까마귀2007.11.24 09:57

    Rss를 등록하기 전 먼저 다른 사람들이 내가 등록한 Rss가 있는지 확인부터 해보는 순서인 것 같군요.. 구독자 관리에서도 피드버너가 있다면 피드버너로 등록하면 좋구요..

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2007.11.24 11:46 신고

      피드버너가 궁극적으로 좋은 기능이 많은것은 사실입니다. 그래도 아직은 한RSS를 통해 블로그를 구독하는 분들이 많으신것 같습니다. 배려차원에서라도 한RSS 버튼을 하나 달아두는 것이 좋을듯 해요. 통합은 아주 간단하니까 말이에요. :)

    • 프로필사진
      Favicon of http://www.alonecrow.com BlogIcon 외로운까마귀2007.11.24 12:59

      제가 이야기 한 것은 피드버너를 이야기한 것이 아니라 피드버너 주소를 이야기 하는 겁니다. 분명 한블로그에서도 여러개의 블로그 Rss주소가 있는데 그중에서 피드버너주소를 사용하는 것이나 제일 많은 주소를 사용하는 것이 좋을 듯 하다고 이야기 하는 것입니다. 통합하는 방법 좀 이야기 해주세요.. 하나로 통합해야 하는데..

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2007.11.25 11:54 신고

      글쿤요. 까마귀님 한RSS 게시판이나 한RSS 문의 메일로 통합 요청을 하시면 됩니다.

      이런방식으로 말이에요.

      "피드너버 구독주소와 한RSS 피드 주소입니다. 이 두개를 XX 로 통합해 주세요" 라고 신청하시면 24시간안에 해결됩니다. :)

  • 프로필사진
    Favicon of http://ssdr.tistory.com BlogIcon Sils2007.11.24 11:01

    제트님 설명 보고 사이드바에 달아봤어요..히히~ 조금씩 수정해야겠어요:-)
    오늘도 유용한 정보 감사해요~~~~ㅋㅋ

  • 프로필사진
    Favicon of http://seamind.tistory.com BlogIcon seamind2007.11.24 12:01

    포스트 작성시마다 저 태그를 복사해서 넣으려면 불편할 거 같은데..
    차라리 티스토리 관리자 메뉴 html/css 부분에서 포스트 하단부분에
    한rss 추가에 관한 코멘트와 태그를 넣는것이 좀더 좋지 않을까요?

    그럼 포스트 작성시마다 따로 붙여넣지 않아도 자동으로 포스트 하단에
    한rss 추가에 관한 부분이 출력되서 편할거 같은데요..^^;;

  • 프로필사진
    Favicon of http://doku.tistory.com BlogIcon 오탁2007.11.24 12:16

    잘보고 갑니다~

    이런 것두 있었군요-_-;;

    블로그에 문외한이라 ^^;;

  • 프로필사진
    Favicon of http://blog.philinside.com BlogIcon 필인사이드2007.11.24 12:38

    언제나 좋은 포스팅 감사합니다. ^^
    포스팅 해 주신 내용을 참고로 해서~ 제 블로그에도 구독버튼을 달았거든요. 한두명씩 구독자가 늘어가는 재미가.. 좋네요 ^^

  • 프로필사진
    Favicon of http://b-story.net BlogIcon 방동2007.11.24 12:47

    Zet님은 항상 그럼 저렇게 일일히 복사를 하셔서 쓰신거군요.
    음, 항상 궁금했는데 이렇게 명쾌하게 알려주시니 감사합니다!

  • 프로필사진
    Favicon of http://j4blog.tistory.com BlogIcon moONFLOWer2007.11.24 14:36

    참 Zet님 글을 보면 대단하다는 생각이 많이 듭니다. 일일이 화면 다 캡쳐해서 잘라내고, 순서에 맞춰 업로딩하고 글쓰고....
    전 도저히 게을러서 그렇게 작업을 하지는 못하겠더군요. ㅠㅠ

    정말 존경합니다. d -_- b
    주말 잘보내고 계시죠? 뜬금없이 토요일날 컴터 한번 켜봤습니다. ^^

  • 프로필사진
    Favicon of https://evelina.tistory.com BlogIcon Evelina2007.11.24 15:00 신고

    전 블로그라인스 쓰다가 너무 많은 피드에 지쳐서 그냥 이젠 링크만 생각나면 따라다녀요. 회사일로 봐야하는 것들도 너무 많더군요. 그냥 전부 새글에서 보는거다!!! 아무튼 이제는 저도 ipod처럼 셔플인생~

  • 프로필사진
    Favicon of http://mepay.co.kr BlogIcon mepay2007.11.25 08:28

    제트님 덕분에 그 방법을 알게 되었고..성공적으로 설치하게 되었습니다.~ 이 포스팅 자체를 제 블로그를 모델로 해주시니 언제 술이라도 한번 대접해야 겠습니다..감사합니다..제트님

  • 프로필사진
    Favicon of http://www.shinalog.com/ BlogIcon 썬샤인2007.11.25 10:03

    저도 달아봤습니다~
    설명이 참 꼼꼼하십니다^^

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2007.11.25 11:59 신고

      꼼꼼하려고 노력했는데 티나나요? ㅋ_ㅋ
      썬샤인님 돌아오시니까 다시금 활력도 생기고 참 좋습니다. :)

  • 프로필사진
    Favicon of http://hyunslynn.tistory.com BlogIcon 현슬린2007.11.29 01:51

    오호....항상 제트님의 rss 버튼이 궁금했는데 이거였군요 ^^
    좋은 정보 감사드려요.
    저는 그냥 스킨에 넣긴 했는데 위치 조절이 전혀 안되요--:::

  • 프로필사진
    Favicon of http://cdmanii.tistory.com BlogIcon 박춘호2007.12.16 16:08

    오웃 감사해요 이제 알겠네요

  • 프로필사진
    Favicon of http://happym.tistory.com BlogIcon 해피엠2007.12.29 09:58

    혼자 헤맸는데 이렇게 설명해주시니
    정말 감사합니다.
    고대로 따라했더니 성공했어요. ^_^

  • 프로필사진
    Favicon of http://companion10.tistory.com BlogIcon 햇살2008.02.16 12:04

    한 rss 절차중 1,2번은 되는데 3,4번은 html코드생성이 안되더라구요
    제 블로그 주소 맨뒤에 /rss 이렇게 하니까 생성되던데
    이거 사이드바가서 코드배너에 붙여넣기 하는것 맞죠?
    아직은 미숙한 블로거 입니다
    이해바랍니다

    참 몇가지 더 추가 질문사항입니다.
    1.구독권유할때 마다 소스일일이 다 붙여넣어야 하겠네요
    이런거 플러그인 개발 안되나?(독백입니다.)
    2.유저가 한rss회원가입이 안된사람이 구독권유버튼눌르면 소용없는거 맞죠

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2008.02.19 19:16 신고

      1. 일일이 안붙여도 되요. 스킨 편집창에서 하단에 삽입하는 방법이 있다고 합니다. 저는 일일이 삽입해 주고 있어요.

      2. 네. 한RSS에 가입하셔야 합니다. ^^

  • 프로필사진
    Favicon of http://companion10.tistory.com BlogIcon 햇살2008.02.20 13:22

    감사합니다. ZET님
    이 많은 댓글을 답변해 주시는 일도 힘드시겠어요
    저도 어쩌다가 하나 올라오면 기쁜마음으로 성실히 답변드리곤 하는데
    파워블로그가 되면 관리하는것도 힘들것 같네요

    혹 구독권유버튼 스킨편집창에 삽입하는 방법 알 수 있는 방법 없을까요?
    다른 블로거분 들도 아시면 답글 부탁드립니다.

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon 블로그의 신 Zet2013.09.30 13:29 신고

      저는 복사해서 붙여넣는 방법을 사용했습니다.
      그런데 일일이 그럴 필요없이 포스트 하단에 자동으로 삽입되게끔 할 수도 있어요.
      애드센스 광고 배치 관련글을 보시면 도움이 되실 거에요.

  • 프로필사진
    Favicon of http://etna.in BlogIcon 에트나2008.06.17 10:26

    참 오랜만에 들렸네요.. 자주 못 와 죄송합니다.
    이따, 저도 시간날때 한번 해봐야겠네요.^^

  • 프로필사진
    Favicon of http://cyoon84.tistory.com BlogIcon 철희2008.09.13 13:40

    저도 이제 하기 시작했습니다..ㅎㅎ

    좋은 포인트 하나 또 보고가요~

  • 프로필사진
    Favicon of http://homepageyangpa.tistory.com/ BlogIcon 고바우2009.01.08 05:13

    안녕하세요!
    새해 복많이 받으실거예요!~
    우리 같이 초보들에게 하늘 같은분이시니,,,
    잘몰라서 그러는데,,, 포스팅을 할때마다 위와 같이 html을 넣어줘야 하나요?
    또는 스킨 html에다 미리 넣어두면 항상 반영되는것이 아닌가요?
    미리 감사 드립니다.
    또한 너무 몰라서 그러니 시간 되시면 코치좀 부탁 드립니다.

  • 프로필사진
    Favicon of http://damjangyee.com BlogIcon 담쟁이2009.10.22 14:00

    감사합니다. 글 포스팅이후에...저도 해보았습니다. ^^

  • 프로필사진
    한새롬2013.11.01 10:11

    잘봣어요~