How To Customize Feedburner Email Subscription Form

Feedburner provides a free email subscription service for blogs, that’s what I use for this blog. Here’s my quick tutorial on how you can customize their subscription form to suit your taste or blend your blog’s template:

1. The feedburner’s original code will be this:

<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://www.feedburner.com/fb/a/emailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://www.feedburner.com/fb/a/emailverifySubmit?feedId=Your feed ID here‘, ‘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=”http://feeds.feedburner.com/~e?ffid=Your feed ID here” name=”url”/><input type=”hidden” value=”your blog name” name=”title”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://www.feedburner.com” target=”_blank”>FeedBurner</a></p></form>

2.Changing The Background Color:

If you want to change the background color of the form, find this line:

text-align:center;

After it, add this:

background: #00BB11

Just change the color codes with anything that you like. You can use this color chart as a reference.

3. Adding Background Image

To make the form more unique, others add a background image in their feedburner subscription form. To do it, find this line:

text-align:center;

After it, add this code:

background: url(url of your image here);

The code should look something like this:

<form action=”http://www.feedburner.com/fb/a/emailverify” style=”border:1px solid #ccc;padding:3px;text-align:center;background: url(your image url here);”

3. Changing The Width Of The Textbox

If you’re looking to place that form in your sidebar, you’d probably want to change the width of the textbox so it won’t break any formatting you have there, here’s the solution on how to do it. Find this code:

width:140px

change the numbers with whatever size you’d like.

Now, you’ll surely have a much attractive feedburner subscription form if you have followed the tutorials above.

Tagged as: Feedburner Email Form

About Zaldy Dalisay
Zaldy Dalisay is a search engine optimization practitioner that provides in-depth consultations to small and large scale businesses in both local and international markets.

Visit my website →