How to Add Email Subscription Box With Social Media Icons In Blogger?

This is second post of my series on social media sharing widgets. Today i am sharing with you very beautiful widget with Email subscription form and social media buttons. This include your RSS feeds, Your facebook page and twitter account. You can add it anywhere in your blog but it looks very beautiful below each post. So i will tell you how to add it below every post. This is outlook of this widget. Hope you all will like it.

Series on Social Media Sharing

Add New Social Media Sharing Widget With Hover Effect
(Published)

How to Add Email Subscription Box With Social Media Icons In Blogger?(Current)

Round Social Sharing Widget With Animated And Hover Effect (Published)

Let's see how to add this.

Adding Social media widget Below posts

1. Go to blogger and select your blog. Backup your template.

2. Go to Templates==> Edit HTML==> Proceed.

3. Search for below code by pressing Ctrl+F.

4. Copy and paste the below code just below line.

<b:if cond='data:blog.pageType == "item"'> 
<div id="doulike-outer">
<div id="doulike">
<span style="font-style: italic; font-size: 30px; font-family: Droid Serif, serif; verdana;  color:#008E00;">Do you Like this Article?</span><table width="100%">
<tbody>
<tr>
<td align='left'>
<p style='color:#666; font-family: Droid Serif, serif; verdana;  margin:0px 0px 5px 0px; '>Get Free Email Updates Daily!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/xagsz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='blogspot/xagsz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='bttext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email...'/>
<input alt='' class='btbutton' title='' type='submit' value='Submit'/>
</form>
</td>
<td><p style='color:#666; margin:0px 0px 5px 0px;  '>Follow us!</p>
<a href='http://feeds.feedburner.com/blogspot/xagsz' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXvq4uxBuMIGl5guIravDBkzlE0YRc4gYLEH6-ftu7afS5RVErVgA5dW9OWiveihMI2gs8hrQACsVATSrnZZqLkE9EeO2DbvOlZWbCtRu5zTzV70VdDPncrafm7h6YjqYmAWFWmrlq04w/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/howdoblog' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim1jTSuH1riltSZlKPqeNbzteVA6Y9l5bcvgb9BXzfrF1At5MJdiNX0QbG6o4ABaT5N3Hg4Psq7_LW5ICGvziq4KXLIRCa4CjHmxB7y-pgjAU_Kkk9tXVnmyKSMv21ZW-aFqHR096Y-CT9/s40/w2bTwitter.png'/></a>
<a href='https://www.facebook.com/howdoblog' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzTqKt89FEKu3EZBDL5ggcSndyvr_30iwSUwRRFclCiqjfwzXBse0ZIePhsn7T6oxweFSj1DFs1qBoZqwcl3gvO47KrH-vBNY9OU_yCiE_OHfBzif-p4_8EuLjaetpkxPpF_4vGdBQy2e5/s40/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>

5. You have to replace these things.

http://feedburner.google.com/fb/a/mailverify?uri=blogspot/xagsz with your feed URL and don't forget to replace value='blogspot/xagsz' with your feed
http://feeds.feedburner.com/blogspot/xagsz With your feedburner URL.
https://www.facebook.com/howdoblog with your facebook page.
http://twitter.com/howdoblog with your twitter account URL.

6. Click on save template and view your blog. In next some posts i will share some latest and awesome widgets with you. Wait for that or get subscribed to receive daily updates. Have a Nice Day.