Embed Feed Subscription form betwen post

Your blog is not yet feel complete without a service subscription Feed via RSS Feed or e-mail. Many habits from Blogger to place the Subscription form in the sidebar. And that will worsen the sidebar. According to me, a very suitable place to put the subscription form under the post (probably after the widget if there is a related post on your blog :D )

"Why put this form between / under post ? After reader finish to read your post and readers consider your article very interesting, he might want to read the latest articles and hope interesting with the same post they have read. And then, readers see the subscription form. This time for Readers submit the email for subscribe!

You can use FeedBurner service to get the subscription form. ( I hope you already have an account there. If you dont' have an account there, let's rergister, it free )

Step 1 ( Get the form code )
After log-in in to Feedburner. Click your Blog to see advance option.

And then go to Publicize - Email subscription. You must activated this service by click Activate button And will shown the advance setting. Then copy the code to clipboard. Look this picture :

Step 2 - Put to blog
Move to Blogger dashboard - Layout - Edit HTML. Give "check" in Expand Widget templates, and put form subcription code after <data:post.body/>. I'll be look like this :

<data:post.body/>
<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=stylecustom', '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="stylecustom" 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>

And the important thing is hide the form in Homepage. So, the form just shown in full page mode ( If you use read more / expandable post summary ). And will be look like this :

<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<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=stylecustom', '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="stylecustom" 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>
</b:if>

Notes : Add the red code and and place it exactly like that.

Okay, If you understood about CSS. You can beautify the subcription form with CSS. And look the final result look like in Bloggercustom :$