In the previous post, we discussed how to add a FeedBurner email subscription box to a Blogger blog. Now, in this post, I will explain how to customize your FeedBurner email subscription box. With this customization, you can add a background color and even a background image to the subscription box. Additionally, you can change the width of the text box and modify the text font and family. Customizing the FeedBurner subscription box is a simple process that involves using HTML tags.
How to Customize Your FeedBurner Email Subscription Box For Blogger :
The FeedBurner email subscription code is really simple, so we can easily customize it. We can customize the FeedBurner email subscription box before or after adding it to your Blogger blog. This process is the same for both Blogger and WordPress. Here, I'm providing a simple method to customize the FeedBurner subscription box.
How to add background color to subscription box :
With just one simple HTML tag, the <div> tag, we can make many changes.
To begin, add the <div> tag at the start of your subscription box code.
I.e :
<div>
subscription box code
</div>
To add background color use below tag,
<div style="background: #222222;">
Finally code is like this :
<div style="background: #222222;">
subscription box code
</div>
How to add background image to subscription box :
Adding a background image is also as simple as adding a background color, as mentioned above.
To add background image use below tag,
<div style="background: url(image url);">
How to change width of the text box :
In your subscription box code, you can see a line like the one below
<input type="text" style="width:140px" name="email"/>
To increase or decrease the width of the text box, simply change the pixel value (140) in the above line.
How to change font style of subscription box text:
To change color of text use line below,
<div style="color: #000000;">
To change font family of text , use below tag
<div style="font-family: Georgia ;">
Like this, you can customize your FeedBurner subscription box. I will provide more customization tips as soon as possible.
No comments:
Post a Comment