Attractive Rss Subscription Widget With Nice Style For Blogger

Feed Subscription is important in bloggers.Because it helps to get new post by email.So, today i bring a nice feed subscription widget with counter. It Include Twitter and Technorati.You can check my other Rss subscribe widget from here. Follow this simple steps to add it to your blog.

1.  Log in to blogger account > Go to Design >> Page Element



2. Click Add Gadget and select 'HTML/Javascript'



3. Paste below code.

<div class='widget-content'>

<div class='third' style="border:0px solid #000;">

<center>

<form style="padding-top:6px;" id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YourID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == &#39;Enter your email address...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width:200px;" />

<input type="hidden" value="YourID" name="uri" />

<input type="hidden" name="loc" value="en_US" />

<input style="

        padding-left:3px;

        padding-right:3px;

        border: 1px solid #333333;

        cursor: pointer;

        background-color: #000000;

        color: #FFFFFF;"

type="submit" value="Submit" />

</form>



</center>

<center>

<table border="0">

<tr>

<td>

<a href="http://twitter.com/yourID" target="_blank" title="Follow Me On Twitter">

<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7NJQUoM6ifnZLjpi_Bk_8XMpBs7fndP482ZAlFaLvCfnVteBHweZvWGfiMTacml7upsz1AkDu0x4Oez9H-ijq2_5UY21kaFncrEAV2nbBVCK2J4TO1b3sGGO5h-Xaqlt3XGVC02RB51w/s800/EAB_twitter%2520icon.png" /></a>

</td>

<td>

<a href="######YourLink" target="_blank" title="Add To Technorati">

<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXi36JpwMDm2aMuKpzrhlyCwe5gpXaguXkwMZbt5WoeeVBv4S3QHUR7fRB6uqR8O4oHRO7Ae6JqD_MJPATcQ4VD3xfFIiR-BgqQwogoEU-HIuVF2PhOdtMliTbgFU4gya_GlYm3vh9DBg/s800/EAB_technorati%2520icon.png" /></a>

</td>

<td>

<a href="http://feeds.feedburner.com/YourID" target="_blank" title="Subscribe Via RSS">

<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxFCWE5XljD-tpJ2yUMyN9E0fVMCL0WC49Y_ORlpKRzptNTNO39HfahwO7SaOueeyFrOVMqQq5AOwlFs_5ad2KfrLar2ISHnGI8VK9fXRxU-Rf0V6KEQqCcg4ducOSTBVb1hzKmokwH_I/s800/EAB_rss.png" /></a>

</td><td><td>

<br/><br/>

<a href="http://feeds.feedburner.com/yourid"><img src="http://feeds.feedburner.com/~fc/bloggertrix?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" alt="Fellow Readers" /></a>

</td></td></tr></table></center></div></div>

Replace yourID with your twitter Username

Replace yourID with your Feedburner Id 

Replace yourID with your site name

                                 

4. Save HTML/Javascript. you are done.
 

Save this Image For Your Back UP:If Image Host down ,Upload this image in any image host Website And Then replace the link in Above Code