Email Subscription Widget For Blogger

The more subscribers you have, more you will get views you will get You have noticed that every blogger using different type email subscription widget to get readers. Email subscription box also lets your readers know that your blog has been updated. Today I am sharing one of the email subscription widget for blogger blog. The best place to add subscription widget is just below your blog post. So that reader can easily subscribe your blog without going upward. This widget use CSS3 gradient with text shadow effect on the widget. The widget will be stick below every post.To get more traffic regular readers are also very useful for that.

How to Add Email Subscription Box Below Every Post on Blogger

• Got to Blogger >> Template >> Edit Template.

• Now search for below tag  <data:post,body/>

• Paste the below code just after <data:post,body/> code.

<style>#wpbt-sub-box{background: -webkit-gradientundefinedlinear, left top, left bottom, fromundefined#333), toundefined#1a2638));;border:1pxsolid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradientundefinedtop, #333, #1a2638)}#wpbt-sub-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}#wpbt-sub-box input{background: -moz-linear-gradientundefinedcenter 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;}#wpbt-sub-box .submit{background: -webkit-gradientundefinedlinear, left top, left bottom, fromundefined#369a18), toundefined#205f0d));background: -moz-linear-gradientundefinedcenter 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;}#wpbt-sub-box .submit:hover{background: -moz-linear-gradientundefinedcenter top , #46B725, #205F0D) repeat scroll 0 0 transparent}#wpbt-sub-box .submit:active{background: -moz-linear-gradientundefinedcenter top , #46B725, #205F0D) repeat scroll 0 0 transparent}</style><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='wpbt-sub-box'><h1>Subscribe To Get FREE Tutorials!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.openundefined&apos; http://feedburner.google.com/fb/a/mailverify?uri=brain-of-compter&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if undefinedthis.value == &quot;&quot;){this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if undefinedthis.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='brain-of-compter'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div></b:if>

(Note: You might have more than one <data:post,body/> tag, try pasting below code one by one and check your blog.)Now change the "brain-of-compter" with your feedburner id.Save your template.Now go to your blog and check it below your post. If you have any query feel free to ask by commenting below.