03 August 2012

Add email subscription below Blogger posts

Advertisements

Most of you put email subscription on the sidebar of your blog. Most of other bloggers has asked about putting it below post. Below posts email subscription option has it's own advantages. When a user visits and read your post, he is tempted to sign in for future updates from your blog as the option for subscribing is clearly visible. You can customize it to suite your blog.
We will add Feedburner email subscription form below the posts. Following is the original code:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your Feed ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Your Website Name" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Go to Edit HTML page and click on Expand widgets template check-box. And add above code just BELOW the

<data:post.body/>

If you want to place the email subscription just below the Post titles the paste above code just ABOVE <data:post.body/>

Alternatively you can place it to post footer. To do this put subscription code below the

<div class='post-footer-line post-footer-line-1'>

How to customize email subscription form

We already have the article about customizing the email subscription form
You can modify border, change background color or add image to the background. change "Enter your email address" text, modify email id input Text box, modify Style of ‘Subscribe’ Button and more.

Related Posts

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More