How to add Blogger Email Subscription box With Social Networking Sites

To day i am going to share Blogger Email Subscription box With Social Networking Sites with you.
Blogger Email Subscription box Widget along with windows 8 effect social networking icons.When ever the user subscribed for blogger posts by entering their email address-which allows the user can read the blogger posts via by email.sometimes the user unable to access the blog or website.User can read the posts by email.This widget very helpful to both blogger's and visitors.Email Subscription box with Facebook,Twitter,Google plus,RSS.



------------------------------------DEMO BELOW----------------------------------------------

// If you Like the Post...Spend a Second to Share IT. "SUBSCRIBE TO Our Emails"

   

Email Subscription Box



Widget by Harivind

--------------------------------------------------------------------------------------------------- 


1.Login your Blogger account

2.Then go to Dashboard-->Layout

3.Click on "Add a Gadget"-->choose HTML/JavaScript

4.Copy the below code and paste it.

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Itsallfreeonlineblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.facebook.com/HutchMe" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy8mgU5EJkIJBWASuUFoWzhZfqtWuhu9Eqd_BKRG9BDJgiW8-ziXm4NB4yKx733MDwO9DrCxz4wvDO-nJg9bo95mUyLUDQC7kxYkeyv5hB8InLPuLCH9ag5tX8Wj1BbHEs8Al8SN_0HMwQ/s1600/Facebook-Harivind.png" /></a>   <a href="http://twitter.com/harivind007" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXHDcN4Lcrvkx-RrHb8OTIGr2jX8Mij7_zcvSKibE1BCmC_oQW2oxPxe0t-IEuJGQbHbdlu9THOMU5mOS97-NF7V8ez8Wb_AQAfXnrt0ykcY4e4j5uRnNWXTlnxImWio4rvbUY4vfmrNJ/s1600/Twitter-harivind.png" /></a>   <a href="https://plus.google.com/110861785424129113302" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitL7jNEJ4gfiWPtiXMQSW9RlgBcx4f1Ah20nca3NcJLLX8Kq_PBXOswW7l-G1pOEc-JurgV6RzGdxtky1EJIHeuHlwdApX3noQ5lL20VmR0A_UPjvcJvdnzMEHDkORezhUFOdy38DaIbIN/s1600/Plus-Harivind.png" /></a><span id="goog_1162613680"></span>   <a href="http://feeds.feedburner.com/Itsallfreeonlineblog" target="_blank"><span id="goog_1162613681"></span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9Y9Lr9iArjZYHJh9NuuHh73oLA2mMwgCmVmy38zHF2Y2XCHVwk0pillBFLDXjZH3LyJwcBzVsSn_12K2EqQ2zYEhDsT3gGtLiOs3Im_WH5naH6Ba7ChDU5Quksh1AjLv8XJPsMQSXa84/s1600/Feed-Harivind+com.png" /></a></div>
<br />
<b>    Email Subscription Box</b><br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="Itsallfreeonlineblog" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
<br />
<span style="font-size: xx-small;">Widget by <span style="font-size: x-small;"><a href="http://www.harivind.com/" target="_blank">Harivind</a></span></span></form>

5.Blue color change to-->Your Facebook Page Name
Red color change to-->Your Twitter UserName
Green color change to-->Google plus ID
Orange color change to-->FeedBurner ID/Name


6.Done!
 A lot of other tips and tricks like how to add more blogger widgets, add social book marking baar, add new sidebar, add facebook lik box , post google adse inside or below the post title , google adse between post,Horizontal manu bar for blogger, image slider for blogger, flash for blogger templates, and a lot of other tricks here at www.bloggingtrainings.blogspot.com for blogger users.