Dear Readers: HWS has recently started a new project for the students of engineering ====> The Engineering Projects

Write at HWS !!!

Guest Posting

Thursday, May 5, 2011

Subscription Email Form For Blogger Equiped With RSS Feed

Blogger-Subscription-Form I am extremely sorry for delaying this post. Due to burden of studies I was finding it difficult to publish posts but now everything is fine. Now without wasting your time lets jump straight to the tutorial of adding a beautiful Subscription form to the sidebars of your BlogSpot blogs. Before Proceeding make sure you have burnt your feeds at feedburner
Now Follow these steps to add a beautiful subscription form to your blogger .

Steps to Follow

  • Go To Blogger > Layout
  • Click Add a Gadget or Add a Page element
  • Choose HTML/JavaScript Widget
  • Inside this widget paste the code below :
/*----- Email Subscription Widget Code starts here----- */
<a href="" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src=""/></a><p><a href="" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Join the team! </a><span style="color: #5C6AA4; font-weight: bold;">By Submitting your email address:</span></p>
input.mbt1 {
font: bold 10px Arial, sans-serif;
input.mbt1hov {
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
<form action="" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.openundefined'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text"/><input value="HackWithStyle" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/></form><br/>
/*----- Email Subscription Widget Code ends here----- */

Now you need to make some important changes to customize the widget.
  • Replace with your Feed URL that Feedburner has provided you. If you don’t now how to get it simple replace HackWIthStyle with your Feed title like this,

  • To use a different RSS Feed Icon simple change the URL below with that of yours,

  • Replace HackWithStyle with your own Feedburner Feed Title
That’s it. Hit Save and Preview Your Widget!

About the Author

I am XEO Hacker, the founder of Hack With Style (HWS). I am blogging since 2009 before that I just search things and now I am sharing my knowledge through this plateform.I'm also a freelance writer on topics related to Website Hacking,Website Optimization (SEO), blogger customizations and making money online.
In 61 people's circles

Subscribe To Get FREE Tutorials!

Respected Readers:
As a 21 year old student, the only income I rely on is my pocket money. Bearing the running costs of HWS Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.


Awesome post. Here’s a tool that lets you build all types of web forms with email alerts fast and without coding. Just point and click

Confused? Feel free to ask

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Please do not spam Spam comments will be deleted immediately upon my review.

XEO Hacker

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More


Recent Posts

Join Me On Facebook

700+ Followers


meet women in Ukraine contatore visite website counter

Recent Comments

Follow Me On Twitter

1112+ Followers