Are you a blogger who wants to use advantage of your rss feeds by giving alternatives to your visitors to be able to subscribe your blog’s update by email? If yes, then go feedburner to use free Email Subscription form.
I have been receiving requests from many readers to tell them how to customize the FeedBurner Email Subscription Form and today I am going to share how to customize FeedBurner Email Subscription form. Let's see how to do this.
Normal FeedBurner Email Subscription form 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=techncom', '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="techncom" 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>FeedBurner Email Subscription Form Preview:
Explanation of the codes:
"
style="border:1px" means width of the border. Change the width of the border with 1,2,3.."solid #ccc" means color of borber, You can use your own customized color code.
"text-align:center" means position of the text-align. You can use left, right or center.
action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techncom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"Keep this portion same.
<p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="techncom" 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>"style="width:140px" means width of the email subscription box. You can change with your desire width.
Change the above parameter as your demand. You can also use my customized form.
Customized form Preview:
<div class='email-com'>
Subscribe via Email
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=techncom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == "") {this.value = "Enter email address here";}' onfocus='if (this.value == "Enter email address here") {this.value = "";}' type='text' value='Enter email address here'/>
<input name='uri' type='hidden' value='techncom'/>
<input name='title' type='hidden' value=''/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailsubmit' type='submit' value='Submit'/>
</form>Thank tou
About the Author
