WordPress 'Cloud' Feedburner Email Subscription Widget

We recently shared one of the greatest email subscription widgets that resembled aWeber style email subscription boxes. Today we are about to share another great looking premium WordPress 'Cloud' email subscription widget, powered by FeedBurner.

Before we move on, you may like to read:

There are only two steps that you need to follow in order to install the widget on your Blogger or WordPress blogs.

Step #1 Customize The Code Below

Replace the 2 highlighted tags with your own FeedBurner IDs.

<div id="BeH-emailbox">
<form id="BeH-emailform" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggingehow', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="bloggingehow" name="uri">
<input id="s" type="text" value="Enter Your E-Mail Here" onfocus="if (this.value == "Enter Your E-Mail Here") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter Your E-Mail Here";}" name="email">
<input type="hidden" value="en_US" name="loc">
<input id="sbutton" type="image" src="http://img1.blogblog.com/img/blank.gif">
   <p style=" line-height:0px; font-size:8px; font-weight:bold; text-align:right;padding-top:32px;
">
<a style="color:#D3D3D3;" href="http://www.bloggingehow.com">widgets</a></p>
</form>

</div>

<style>
#BeH-emailbox {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVvY6cbZZFdho3pZb1PfnSzHGZOXeZlLWfeiPLrdO6fAQkFEBYV9SkWpBfwR4R9nr7jZakTWXv8L4ye52yiL2J8oCnm41dhan5rJoPu3l8O4-YdSAAIyEXl3AikHSOxsMSLdiRPP7VH8/s1600/helperblogger.com-silver.png") no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}
form#BeH-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}
form#BeH-emailform #s {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}
form#BeH-emailform #sbutton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}

</style>

Step #2 Add The Widget To Blog

Now simply go to your Blogger blog's Dashboard >> Design >> Add a Gadget and paste the above customized code with in it. Hit save and you're done!

You may also like below widgets:

Hope you guys like this email subscription box. Leave out your feedback in the comment section below. Stay safe buddies.