Add Stylish Subscription Box Below Posts in Blogger

I've been asked, how to place subscription box below each blog post by one of my reader. You can increase your subscriber by placing the subscription box below every post and its best visible. Your visitors and reader can easily find subscription option. Once they come end of the post and if they liked the content then he/she feel it is important to subscribe to your blog.

So, simply I'm going to show you how can you do that one Blogger blogs. If you would like to view demo, watch subscription below this post.


Login to your Blogger account and go to Design > Edit HTML > Check Expand widget template. Find the following code:

<data:post.body/>

Paste the following code just below <data:post.body/>:

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=HackTutors&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;' target='popupwindow'><span style='margin:0 auto; padding-left:24px; position:relative;background: url(http://3.bp.blogspot.com/_b0xJ7qk6DTc/TEg2iHmUivI/AAAAAAAAAu0/j9tIV5fjTXw/s1600/myrss.gif) right center no-repeat;'/>Get Free Updates: <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}' style='width:176px;height:18px; background: #ffffa0 url(http://1.bp.blogspot.com/_b0xJ7qk6DTc/TInWwRjgSUI/AAAAAAAABC0/DWQZc1mUvaU/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;' type='text' value='Enter your email'/><input name='uri' type='hidden' value='HackTutors'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</form>

Replace HackTutors your feed id. Save the template and your just done!

Let me know if you have done this work and show your blog.