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:
After you follow this guide, the widget will now look like this.
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 == "") {this.value = "Enter your email address";}" onfocus="if (this.value == "Enter your email address") {this.value = ""}" 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.
