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
<!-- /Subscription Box by: http://alltechstory.blogspot.in -->
<b:if cond='data:blog.pageType == "item"'>
<div id='TWSubscribe'>
<p class='headline'>Subscribe Updates, Its FREE!</p>
<span class='Arrow'/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=AllTechStory', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <table><tr><td><input class='Text' name='email' onblur='if (this.value == "") {this.value = "Enter Your Email";}' onfocus='if (this.value == "Enter Your Email") {this.value = "";}' type='text' value='Enter Your Email'/> <input name='uri' type='hidden' value='AllTechStory'/><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>
<!-- /End Subscription Box by: http://alltechstory.blogspot.in -->
- 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 if you liked this Post using your favorite sharing service:
Subscribe Updates, Its FREE!
