본문 바로가기
블로그팁

블로그에 피드버너 이메일 구독 위젯 만들기

POSTED BY© 듀륏체리 2012. 4. 7.
반응형
 RSS(Really Simple Syndication)는 뉴스나 블로그 사이트에서 주로 사용하는 콘텐츠 표현 방식으로 RSS 형식으로 웹 사이트 내용을 보여 주게 됩니다. RSS 리더에는 웹기반형과 설치형이 있는데 웹기반형 리더는 간단한 계정등록으로 어디에서든 이용할 수 있다는 장점을 가지고 있습니다.
 

 RSS가 등장하기 전에는 원하는 정보를 얻기 위해 해당 사이트를 직접 방문하여야 했으나, 현재는 블로그나 웹사이트에 설치되어 있는 RSS 관련 프로그램(서비스)을 이용하여 자동 수집이 가능해졌기 때문에 사용자는 각각의 사이트 방문 없이 최신 정보들만 골라 한 자리에서 볼 수 있는 장점이 있습니다.


  RSS 관련 서비스 중에서 가장 대표적인 것이 우리나라에서는 한RSS이고 외국의 경우에는 피드버너(FeedBurner) 인데 구글 블로그의 경우 기본적으로 피드버너 이메일 구독 위젯 서비스가 내장 되어 있지만 기타 블로그에서는 관련 서비스를 부가적으로 사용자가 직접 설치해야 하는데, 이번 포스팅에서는 블로그에 스킨이나 디자인에 맞게 개성 있는 나만의 피드버너 이메일 구독 위젯 만드는 방법에 대해 소개해 드리고자 합니다.


 블로그에 피드버너 이메일 구독 위젯을 만들기 위해서는 먼저 피드버너(FeedBurner)에 가입하여 자신의 블로그 RSS 피드를 등록해야 합니다. 피드버너(FeedBurner) 홈페이지 바로가기

 피드버너(FeedBurner)에 가입하여 설정에서 Publicize - Email subscriptions이 활성화 되어 있으면 아래와 같이 이메일 구독 버튼을 설치할 수가 있습니다. 설치시에는 자신의 피드버너 RSS 주소만 있으면 되고 나머지는 아래 소스를 활용하면 됩니다. 참고로 아래 피드버너 이메일 구독 폼은 제 블로그 사이드바(250픽셀) 상단에 적용되어 있는 양식 입니다.

@EMAIL 구독 신청(Email Subscriptions)



*피드버너(FeedBurner) 이메일 구독 위젯 예제 소스(사이드바 250픽셀 기준)

 
<table style="border-collapse: collapse; width: 250px; height: 59px;" bgcolor="#ffffff" cellpadding="1" cellspacing="1">
<tbody><tr>
<td style="border:1px solid #ffffff" width="100%">  ☞@EMAIL 구독 신청(Email Subscriptions)
</td>
</tr>
<tr>
<td style="border:1px solid #ffffff" width="100%"><table style="border-collapse: collapse; width: 210px; height: 34px;" bgcolor="#ffffff" cellpadding="1" cellspacing="1">
<tbody><tr>
<td style="border:1px solid #ffffff" width="85%"><form id="subscribe" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=피드버너 본인아이디', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input value="  본인 메일주소를 입력하세요" onfocus="if(this.value=='  본인 메일주소를 입력하세요')this.value='';" name="email" style="width: 210px;height: 22px;" type="text">
<input value="피드버너 본인아이디" name="uri" type="hidden">
<input value="en_US" name="loc" type="hidden"></td>
<td style="border:1px solid #fffff" width="15%"><input id="subbutton" value="submit" src="구독버튼 이미지주소" value="이메일 입력완료" type="image"></form></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>


  피드버너 아이디와 구독버튼 이미지는 반드시 입력해야 정상적으로 피드버너(FeedBurner) 이메일 구독 위젯(구독 폼)이 작동 합니다. 이외에 오렌지색으로 되어 있는 문구 부분과 빨간색으로 되어 있는 부분 중 테이블의 크기 및 색상값(ffffff) 사용자의 취향에 맞게 변경해서 사용하시면 됩니다.

 이상,
블로그에 스킨이나 디자인에 맞게 개성 있는 나만의 피드버너 이메일 구독 위젯 만드는 방법에 대해 소개 였습니다.
 
반응형

댓글7