Home » , , , » A Stylish Email Subscription Form For Blogger

A Stylish 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=FEED NAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">


<input style="width: 150px;height:20px;" class="ft00" name="email" type="text" /><input value="FEED NAME" 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.





If You Enjoyed This Post Please Take 5 Seconds To Share and Leave your Comments

Share this article :

1 comment:

Post a Comment

 
| | | | |
Copyright © 2013. Adeel Mushtaq's Blog - All Rights Reserved

Owned by M. Adeel