How To Add a RSS Email subscription form in Blogger

Adding a Email subscription form may help you and the reader too. In your side , it will attract the readers and for readers , they can keep in touch with the blog. If you add a new content , an email will automatically send to their mail box and if not no email. This service is given to us by Feed Burner ( Part of the Google ) .As soon as your subscription is active, Feed Burner will send a daily email message if your blog has new content.

Now lest see how to do this. First you have to log in to Feed burner using your Gmail account.
Now you have to go on your own.

just give your blog address and complete the steps. After all , access to your account and select your blog address. Noe select tab Publicize , and select Email Subscriptionsfrom the menu. Now under Subscription Form Code you may see bunch of code lines.


They may similar to these


<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=BloggyEdit', '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="BloggyEdit" 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>


You can just paste these but it is just classic , if you want to a form like mine , you have to edit these codes.

For that You have to create a Image. ( Or you can use a text , but if you want to attract more readers , use a Image. ). Here is the my image. I create this one using Power point 2007.


Now , look at these codes


<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggyEdit', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc ;' target='popupwindow'>

<img alt='feedburner' src='http://sites.google.com/site/dragonzstore/_/rsrc/1243352697922/111/RSS1.PNG' style='border: 0pt none ; margin-top: 15px;'/>
<p>

<input name='email' style='width:300px' type='text' value='Enter your Email Address here'/>
</p>
<input name='uri' type='hidden' value='BloggyEdit'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Subscribe Now'/>
</form>


Now edit your code by looking at these , just cut , paste , move and add the image.

Use this


<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggyEdit&apos ( your address ) ;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc ;' target='popupwindow'>

<img alt='feedburner' src='http://sites.google.com/site/dragonzstore/_/rsrc/1243352697922/111/RSS1.PNG( Your Image's URL here ) ' style='border: 0pt none ; margin-top: 15px;'/>
<p>

<input name='email' style='width:300px ( length of your text box )' type='text' value='Enter your Email Address here ( Text inside the Text box )'/>
</p>
<input name='uri' type='hidden' value='BloggyEdit ( word at your feedbuner code )'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Subscribe Now ( button's caption )'/>
</form>


Now ,

1. Edit your Template
2. Now find out 


<data:post.body/> 

press 'Ctr
l' + F to open your browser's search box)


Paste the code that you edited.


Now follow the Safety Saving Steps.

And 
Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blogger Templates - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger