Email Subscription Box for Blogger

Using some user friendly widget button into blogger blog is become a common thing and if it do also have an eye-catching look then it definitely would be more great.We blogger always do have to concentrate on how to get moe traffic onto our blog.As per that we do need to place some subscribition button onto our blog asif one visitor do subcribe onto our blog they don't need to remember our blog any further,it would automatically deliver our blog article onto them.So it would also prevent us from loosing any traffic in future.Yes it would always better to place an email subcription widget onto our blog,so that they could get our blog right onto their mail.Today in this post we will show you how to add email subscription box in blogger,but before move onto the tutorial part you do need to have a google feedburner id.So first goto grab one by signingup there.

 Must Read : CSS3 and Jquery Drop Down Menu

Add Email Subscription Box to Blogger

• step 1

Go to Feed burner 

Then click on Publisize  Email subscription on the left sidebar as per the below screenshot.

Note:- If it is not already activated in your feedburner then first activate it.

Copy the given code there. 

• Step2

Now simply search for this line and remove it from the code 

<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>

• Step3

Second code

<div style="border: 4px groove black; padding: 5mm;"> <center><img src="http://4.bp.blogspot.com/-_6iHK45rhP0/T_1wpaVCJmI/AAAAAAAABcQ/0hEkmD6H2s4/s160 /subscribe_icon.jpg"/></center><span style="font-weight: bold;font-family: "times new roman", serif;font-size:15px;">Subscribe US and receive daily free updates</span>

Now Go to blog Layout Add gadget  HTML/JavaScript

Copy and paste the second code above feedburner code and it will kinda  look like the below after implementing.

<div style="border: 4px groove black; padding: 5mm;"> <center><img src="http://4.bp.blogspot.com/-_6iHK45rhP0/T_1wpaVCJmI/AAAAAAAABcQ/0hEkmD6H2s4/s1600/subscribe_icon.jpg"/></center><span style="font-weight: bold;font-family: "times new roman", serif;font-size:15px;">Subscribe US and receive daily free updates</span> <form style="border:6px solid yellow;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techtrickhome', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Techinvent1" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></form>

Now save it.

Customization

1. Just change "techtrickhome" to your feedburner ID.
2.  You can change "Subscribe US and receive daily free updates" with your own words.

 Must Read : Floating Twitter Fan Box for Blogger

Now you're done.Hope you enjoyed this tutorial.Now you could surely some good performance onto your blog traffic.Any query regarding this?use the comment box below and don't forget to subscribe our rss feed using your email id.Thanks

Articles You May Like