I Look 12

Blogging, Computers, Internet, Gaming, Make Money Online

Customizing "Subscribe via Email" Widget On Blogger

Allowing your readers to subscribe via email can be a great help especially if they are not familiar with rss feeds. Today, I will explain how to customize the subscribe via email widget for your blogger/blogspot blog.

Normally, the feedburner's default subscribe via email form looks like this:

Enter your email address:

Delivered by FeedBurner

After you follow this guide, the widget will now look like this.

Delivered by FeedBurner

Notice that there is now a hover effect. When you click on the text field, the "Enter your email address" disappears and then reappears when you click outside the text field.
To do that,

1. Login to your Feedburner account

2. Choose a blog, go to Publicize tab and then Email Subscriptions.

3. Copy the code

4. Sign in to Blogger, go to Layout and then Add a Gadget

6. Choose HTML/JavaScript

7. Paste the code

8. Now find these lines:
<p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p>

9. Replace it with
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email address&quot;;}" onfocus="if (this.value == &quot;Enter your email address&quot;) {this.value = &quot;&quot;}" style="width: 205px;" type="text" value="Enter your email address" />

205: This is the width of the text field box, change it to your desired width
Enter your email address: This is the text that will appear inside the text field box. Change all 3 of them to your desired text. All 3 should be identical or else it will not appear.

If you already have a subscribe via email widget and you only want to have the hover effect, just follow step 8 and 9.

What are the benefits of being a subscriber?
All subscribers will get these updates directly from their email.
  • Blogging/SEO tips and tutorials
  • Technology news and tips
  • Computer tips, guides and optimizations
  • Gaming tips, tricks and cheat guides
  • Online money making tips
If you wish to subscribe, just fill up the form below:
Email address:
Lijit Search