Saturday, 22 September 2012

Add Email Subscription Form For Blogger


Many visitors on the blog subscribe to the blogs to remain updated with their content. So they can know whats going on the blogs. Google Feed Burner provides us a very simple subscription email form for our blog. Today every blog we see has a stylish email subscription form hanging on their blogs. So don't get bored by a simple subscription form and follow the steps below to add a stylish email subscription form to your blog's sidebar.



1. Login to your Blogger account.
2. Go to Design tab and then Page Elements.
3. Then click Add a Gadget and select HTML / Javascript.
4. Now add the following code in the big text field.

<div style="border: 2px dotted #000; padding: 5mm;"> <center>
<center>
<img src="https://lh4.googleusercontent.com/-AIJzcrjWis8/TYCLJ6mMlDI/AAAAAAAAALg/0kpGU22CClg/s1600/MagentoMagik-email-subscription-extension.jpg" 
border="0" width="250px" height="140" /></center>
<div style="text-align: justify; font-size: 13px; font-family: sans-serif; font-weight: bold; color: rgb(102, 102, 102);">
Subscribe This Blog Via Email and Receive Our Articles To Your Inbox</div>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.googlejavascript:void(0).com/fb/a/mailverify?uri=IdeasandReviews', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input style="width: 150px;height:20px;" class="ft00" name="email" type="text" /><input value="IdeasandReviews" name="uri" type="hidden" />
<input value="en_US" name="loc" type="hidden" />  
<input onmouseover="this.className=&#39;ft fthov&#39;" onmouseout="this.className=&#39;ft&#39;" class="ft"
 value="Subscribe Me!!" type="submit" />
</form></center>
</div>

3. Now change the red code with your feed name and save your widget.

You can also change the subscribe button text by changing the code in the blue.

No comments:

Post a Comment

Blogger Widgets