Add Compact Email Subscription Widget to blogger

Email Subscription box widget plays very important role in any blog. Blog visitors can directly activate the email subscription of RSS feeds through this widget .Thus it helps in increasing the readership of the blog which increases  the blog traffic .This guide is about adding a compact and beautiful Email Subscription Widget to blogger blogs.

Method:

• Open your Blogger Dashboard.
• Select your Blog.
• Select Layout.
• In your blog Layout Select Add a Gadget option.
• From the list select HTML/JavaScript widget.
• In the HTML/JavaScript widget paste following code and Click Save.

 

Note:  In the following Code Change  WindroidClubblog with your own Feed Burner ID.

Code:

<style>

.wc-subscribe
{
background:url('http://1.bp.blogspot.com/-RzNq_zAe_mc/UNxKVWPLf9I/AAAAAAAAAp8/k-b0i7P0q8Q/s1600/outer-back.png');
width:300px;

}
.wc-email 
{
background:#ffffff;
border:1px solid #999999;
height:30px;
border-radius:10px;
width:200px;
  -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.wc-submit
{
background:#235532;
color:#ffffff;
font:16px tahoma;
text-decoration:none;
border-radius:10px;
border:1px solid #235532;
  -moz-border-radius:10px;
    -webkit-border-radius:10px;

}
.wc-submit:hover
{
background:#111111;
color:#ffffff;
font:16px;
text-decoration:none;
border-radius:10px;
border:1px solid #111111;
  -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.wc-text
{
padding-top:5px;
color:#111111;
font:16px jokerman;

}
</style>

<div class="wc-subscribe">
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=WindroidClubblog', 'popupwindow', 'scrollbars=yes,width=550,height=525');return true"><p class="wc-text" >Subscribe To Get Free Tricks Daily !</p><input class="wc-email" type="text" name="email"/></p><input type="hidden" value="WindroidClubblog" name="uri"/><input type="hidden" name="loc" value="en_US"/><input  class="wc-submit" type="submit" value="Subscribe" /></form>
</div>

Enjoy