How To Show Email Subscribe Box Under Every Blog Post in Blogger

If you are using a blog, you should offer visitors a way to subscribe to new posts via e-mail which means they can receive new posts via e-mail. Adding an Email Subscribe widget at the end of the Blog posts is among the very good idea of increasing subscribers for your blog.

Email subscription widgets help you to get more subscribers to your blog. These Email Subscribe widget will not only increase your traffic but also you can use these emails any time to make your reader updated about your services or posts. Email Subscribe is a good and valuable service to provide for readers who don’t want to miss your posts. Email Subscribe is a free service you can provide.

How To Show Email Subscribe Box Under Every Blog Post in Blogger.

1. Go to Blogger dashboard > Template > Edit HTML.

2. Now Search the below code (Use Ctrl+F).

<data:post.body/>

3. Now Paste below code after the above line.

<style>
#Subscribe-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}

#Subscribe-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}

#Subscribe-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}

#Subscribe-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}

#Subscribe-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}

#Subscribe-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='Subscribe-box'><h1>Subscribe To Get FREE Tutorials!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Your Feedburber Username&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='The-Area51'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>
</b:if> 

4. Now make the following changes in above code.

- Replace "Your Feedburber Username" with your Feedburner Username.
- Replace "Subscribe To Get FREE Tutorials!" with your custom Tagline or leave it as it is.

5. Save your Template.