05 March 2011

Stylish Subscription Box Below Posts For Blogger


You can increase your subscriber by placing a email subscription box below every post in blogger and it will be best visible in your blogger blog post. By placing a beautiful subscriber bellow every post you can increase your blogger blog traffic. Your visitors and reader can easily find subscription option. Once they come to the end of the post if they feel that your post is important then they will subscribe to your blog.




Now I'm going to show you now how to add a Stylish Subscription box bellow blogger post. If you would like see the demo please see the picture given up. 


Login to your Blogger account and go to Design > Edit HTML > Check Expand widget template and find the following code:
data:post.body 
Now add the following code after it
<b:if cond='data:blog.pageType == &quot;item&quot;'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=techwev&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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1DNF_HrmMFleH_8gtnzjF5Il4EyrYcGSRpEEH4we-tmvgD7GuzexbN95nGz5Oj16XSIj_NmpHSl_uaMRRf_N0gUeKVorcCr9lt-gqREHUwaGo3Iw2XxMLlaf7EAsGQEruz9ZeH212ArI/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVAi3XmdVj1mfojmgDz_CKSL16CyNU6VfENal9hU4ujFsqopPQ285nj1BcONJbsdoIIccIBWyLQTn5y8o7yT4S2azfws534H934SJJPG8jl5fRCz4UVwj6GebboMSDWmfoOZunn3xoQevv/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='techwev'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/>
<center><i>Note : You will find a confirmation link in your inbox or junk folder</i></center>
</form>
</b:if>
Note : Replace the Red color techwev with your feedburner id  and save it and your done! Enjoy this tutorial and if any problem please let me know by comment in this post.

Get Free Updates:
Note : You will find a confirmation link in your inbox or junk folder

2 comments:

very nice. works in my blog well. thanks

Nice Tutorial Friend :)
We Had Same Type Of Niche
Checkout my Site
TSKSOFT

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More