How To Add Email Subscription Box After Post Content

web design developmnet package

How To Add Email Subscription Box After Post Content stylish email subscription box blogger is  installed in your blogger blog,it is very important. Email subscription box not only for the visitor to subscribe to the updates of your blog but also results in the increment in blog readers and as a result of this, increase in pageviews, you can find many beautiful email subscription box for blogger on the internet but today I’m sharing awesome email subscription box for blogger this attractive widget may force your readers to subscribe to your blog which will definitely increases your feeds subscribers. This widget will appear at the bottom of your every post, email subscription box after post content is designed with pure css so this widget loaded faster surely you will gate more email subscribers.

Email Subscription

 

email subscription box after post content

To add Email Subscription  to you blog Go Blogger.com

  • login in your account and goo blogger dashboard
  • Click on Template
  • Click on Edit HTML
  • Now find the Below Code to find press Ctr+F

<data:post.body/>

  • Now Copy the below code and past it after the <data:post.body/>

 

<style>
#RB-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)}

#RB-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}

#RB-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;}

#RB-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;}

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

#RB-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=’RB-box’><h1>Subscribe To Get Free Posts Update!</h1><form action=’http://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=nafisflahi;, &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=’nafisflahi‘/> <input name=’loc’ type=’hidden’ value=’en_US’/> <input class=’submit’ type=’submit’ value=’Subscribe’/></center></form></div>
</b:if>

  • Replace the Subscribe To Get Free Posts Update!  with you own text or leave it same
  • Replace the nafisflahi  with your Feedburner username
  • Replace the nafisflahi with your Feedburner title
  • Click on the Save Template

Now Check on of your post you will see  awesome email subscription box end of post content that’s all share this post with your friends

Leave a Reply

Your email address will not be published. Required fields are marked *