Wednesday, 30 May 2012

Feedburner Feed Count With Subscription Button

If you are our daily reader then you should know that we already teach you how to add feedburner feed count button to blogger ,From many day's i was thinking idea to make this count button more attractive now i got it.i added butifull subscription button to this gadget by which user can easily subscribe via email.So in this post I will give you this widget.

feedburner


Installation


  • Go to blogger dashboard.
  • Click on layout tab.
  • Now add html/javascript with the help of add gadget.
  • Paste the following code inside it and save it .

<style>
.rssbuttontable
{
border: 1px solid #E6E6E6;
background: #FFDCB1;
float: center;
width: 265px;
margin:0px 0 0 0px;
padding: 5px 5px 5px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
height: 35px;
float: left;
display: inline;
}
input.Subscriberssbutton
{
background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600));
border: 1px solid #FF6600;
text-transform: none;
font:bold 13px arial;
 color: #fff;
height: 30px;
 padding: 2px 2px 5px 2px;
 margin: 0px 0 0x 0px;
 border-radius: 5px;
-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 cursor:pointer;
display: inline;
}
</style>
<table class="rssbuttontable"><tr><td><a rel="nofollow" href="http://feeds.feedburner.com/lordhtml"><img src="http://feeds.feedburner.com/~fc/ lordhtml ?bg=FF6600&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></td><td><input value="Subscribe to Get Updates" class="Subscriberssbutton" type="button" onclick="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri= lordhtml ', 'popupwindow', 'scrollbars=yes,width=650,height=570');return true"></td></tr></table>

Customization


Replace lordhtml With your feedburner User name.I already highleted lordhtml with red color in code.


Comment is best way to say thanks.

0 comments:

Post a Comment