Saturday, July 21, 2012

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=bloggertrix', '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="Bloggertrix" 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/bloggertrix" target="_blank" title="Follow Me On Twitter">
<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbc8JRClHpLf4-TesNvKzpOkiCMelAh2uS_hVD4AP9aQ5enotDfLE7vQhSbN590dxEXrgWYPInUFflldLNhAia_YcNVp6q3aNt2qlJUKEc_NdBZ1HnmeKrHeBlnG5Ff3NMdMIffhFbs7U/s800/EAB_twitter%2520icon.png" /></a>
</td>
<td>
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://www.bloggertrix.com" target="_blank" title="Add To Technorati">
<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuRzzuDYQoI1cAe6uI5AwooNnijH6qLSe5shdLWjyflszoTZyB4JlkZ2mjWbchp6sNHv5d7ejFPhtuu403yFMJJYfe-CKll6-wj3ibarv4zAmmUgI9KcZCiagtKU3Akd_R5QRUlgE81oc/s800/EAB_technorati%2520icon.png" /></a>
</td>
<td>
<a href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe Via RSS">
<img style="width:54px; height:54px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVA2UnwRx_5CA5Ekng8JSxXK9_jkYz8LIXbV_Wuav05-bAXATDgFPvbvJYVEFprYK4PF50Y5Di_fq7GqgP9s-4eVyaZPOLACSibpAUZ5Xe-cAOHJESXx5pKwnKjxO_xJyFuRcwfZbyReU/s800/EAB_rss.png" /></a>
</td><td><td>
<br/><br/>
<a href="http://feeds.feedburner.com/bloggertrix"><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 bloggertrix with your Facebook fan page Id
Replace bloggertrix with your twitter Username
Replace bloggertrix with your Feedburner Id 
Replace bloggertrix.com with your site name
                                 
4. Save HTML/Javascript. you are done.

3 comments:

  1. RSS feeds are still one of the most widespread ways to get viewers to your website. Keep them informed and coming back.

    ReplyDelete
  2. Which feed (Rss or Atom)should I choose when configuring my blog feeds at feedburner.google.com to use its url in this widget.THANKS.

    ReplyDelete