» » Subscription Box Below Every Post In Blogger

A+ A-
Subscription Box Below Every Post In Blogger-techglaxy
Adding a subscription box below every post on your blog is quite a good idea for getting subscribers. When a visitor ends reading your article he or she will see this box.
Now how can you add it to your blog?
This is what I will teach you. Just follow these simple steps.
For this you need a feed burner account.

Setting Up A FeedBurner Account

  • Go to http://feedburner.google.com
  • Enter your blog address and setup for feedburner account
  • You will get your feedburner ID after setting up your account

Adding CSS Code In Blogger Template

  • Go to your blog.
  • Select template from the left side menu.
  • Click on edit html. 
  • Click on Expand Widgets Templates.
  • Now add the following code just after <head> tag
<link charset='utf-8' href='http://dl.dropbox.com/u/81212926/Bloggerheroe-subscribe-box.css' media='screen' rel='stylesheet' title='no title' type='text/css'/>

Adding Subscription Widget

  • Find this line 
<data:post.body/>
  • Paste the following code just below/after the above code











<b:if cond='data:blog.pageType == &quot;item&quot;'>



<div id='TWSubscribe'>



<span class='Arrow'/>



<p class='headline'>Subscribe Updates, Its FREE!</p>



<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=techglaxy&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <table><tr><td><input class='Text' 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;;}' type='text' value='Enter Your Email'/> <input name='uri' type='hidden' value='tecgglaxy'/><input name='loc' type='hidden' value='en_US'/></td><td><input class='Button' type='submit' value='Subscribe Now'/></td></tr></table></form>



</div></b:if>
  • Before placing this code to your template replace the orange colored text with your feedburner ID. 
  • Save your Template and its done.

Things You Should Remember


  • Take a backup of your template before doing it.

Share to:

 
Top