Adding subscription box below blog post can helps to increase the subscriber of your blog. Whenever readers reads your post, if they like the article they can easily subscribe to your blog if you provide the subscription box below blog post. You just need to add a simple html code on your blogger template. I will show you step by step procedure how to do it. But first see the demo:
Add Simple Subscription Box Below Post
- Go to Blogger>Design>Edit HTML
- Check Expand Widget Templates . I recommend you to Back Up Your Template.
- Then Find for <data:post.body/> and immediately after that code paste the below code.
<b:if cond='data:blog.pageType == "item"'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=GulmiResungacom', 'popupwindow', 'scrollbars=yes,width=490,height=520');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://1.bp.blogspot.com/-B1c2niIRdJo/T2hTi8e5vYI/AAAAAAAAA58/RdduI08EASI/s1600/myrss.png) right center no-repeat;'/>Get Free Updates: <input name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = ""}' style='width:176px;height:18px; background: #ffffa0 url(http://1.bp.blogspot.com/-CHY2kTMa6IU/T2hThp6FMwI/AAAAAAAAA50/-2ICHBPSXs4/s1600/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='GulmiResungacom'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/><center><i>*Check your email to confirmed your subscription*</i></center></form></b:if>
- Replace "GulmiResungacom" with your Feedburner id.
- Save Template and your are done .
Love it , I also designed a new subscription box widget for blogger and wordpress
ReplyDeletehttp://www.designrapid.com/minimal-design-subscription-box-tutorial/
@ramandeep
ReplyDeleteit's nice