March 19, 2014

Wednesday, March 19, 2014
7 ways to Customize Feedburner Email Subscription form completely
Feedburner Email subscription is the best feed delivery service to deliver your Blog or website's new post/articles to your feed subscribed readers. To get your blog's email subscriber Feedburner offer a default subscribing form. But I don't think (may be you don't so) the form has any ability to get subscriber, because it's so simple, poor looking and not suit with our themes/templates. So getting more more subscriber with more attractive form you can customize it completely. Read on-

How to Customize Feedburner email subscription form completely

First get your default Feedburner subscription form. There is a lot of things you can do with modifying the default form to an attractive form. The default form code look like this-

How to customize Feedburner email subscription form completely

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="" method="post" target="popupwindow" onsubmit="'', '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="Crawlist" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="" target="_blank">FeedBurner</a></p></form>

Thing you can change of the form described and shown below read on it's easier than imagination:-

1. Change the background, turn boring white to an Image

How to customize Feedburner email subscription form completely

To change the background color of the Feedburner subscription form with image, you need to call your desired image in to form. To do that add this code phrase into your form code


then the whole form code chunk will be look like this

<form style="border:1px solid #ccc;padding:3px;text-align:center;background:
url(http://image host/image.jpg);"

upload your background image to Tinypic, get the hosted image link (Direct links for layout) and replace in background url. Now it's done, you've successfully changed the background image

2. Change the subscription form size
To change the form size  

<form style="border:1px solid #ccc;padding:3px;

in this line change the padding's 3px to any px your form's size will be change squarely

3. Change the default Width and set Height of the text box
How to customize Feedburner email subscription form completely

If you wanna change the width of the text box plus add a custom height then change this code  

text" style="width:140px, 140px

to any px you want. To add height add this height:__px in to code, example like this

( style="width:140px;height:__px; )

place the px size value as you want, now you just customized the height and width of text box

4. Change the font size and font color of the text
The font size and color is not specified in the form code, so if you want to change the font size and color add this additional code


after here 

<input type="text" style="width:140px;


<input type="text" style="width:140px;font-size:__px;color:#___;" name="email"/>

in font-size add the px and in here # desired HTML color code

5. Default heading text in to the text box

How to customize Feedburner email subscription form completely
You can put the default heading text in to the text box, to doing that find out this code and select

<p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p>

then replace with:-

<p><input type="text" style="width:140px" name="email" onblur="if (this.value == '') {this.value = 'Enter
your email address';}" onfocus="if (this.value == 'Enter your email address') {this.value = '';}" value="Enter
your email address"/></p>

Now you have the default heading text on to the text box

6. Change default light blue Subscribe button to customized button

How to customize Feedburner email subscription form completely
If you want to change the default Subscribe button to some cool image for better attraction then find and select this code  

<input type="submit" value="Subscribe"/>

replace with

<input type="image" src="http://image link/" name="submit" />

Just put your hosted image link here http://image link/, then you also had customized the submit button.

7. Remove the Delivered by Feedburner phrase
If you want to remove Feedburner credit link just remove this code phrase from form

<p>Delivered by <a href="" target="_blank">FeedBurner</a></p>

That's it, credit link will be vanished

And this is how you will be able to customize every function of your feedburner form, and with custom attractive looking form will allure more more subscribers. Or you also can use my homemade feedburner form's just search and use any of them. Goodluck


Post a Comment

Copyright © 2013-16 Crawlist All Right Reserved
Designed By Me {K.Shazzad}