Simple Email Subscription Widget for Blogger

Lately I've been working on designing subscription widgets and I successfully designed and published plenty of them. This specific subscription form is quite decent and professional looking. I hope you guy like it, lets get to work and show you guys how to add it to your blogs.

        Installation process

1. Go to Blogger >> Design.
2. Add a Gadget >> Select HTML/JavaScript.
3. Add the following code to it.

1. 
   <style> 
   .tips-email{ 
   background:url(http://i1141.photobucket.com/albums/n581/fskhan619/orangeemaillogo1copy.png) no-repeat 0px 12px; 
   width:300px; 
   padding:10px 0 0 63px; 
   margin-top:10px;
   float:left;  
   font-size:18px; 
   font-weight:bold; 
   margin:0 0 10px 0; 
   color:#36393A; 
   }
   .tips-emailsubmit{ 
   background:#9B9895; 
   cursor:pointer; 
   color:#fff; 
   border:none; 
   padding:5px; 
   text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); 
   -moz-border-radius:6px; 
   -webkit-border-radius:6px; 
   border-radius:6px; 
   font:12px sans-serif; 
   } 
   .tips-emailsubmit:hover{ 
   background:#F88017 
   } 
   .textarea{ 
   padding:2px; 
   margin:6px 2px 6px 2px; 
   background:#f9f9f9; 
   border:1px solid #ccc; 
   resize:none; 
   box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
   -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
   -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   
   width:140px; 
   color:#666;}
   </style>
   <div class="tips-email"> 
   Subscribe via Email 
   <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=mybloggertips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
   <input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Email address here&quot;) {this.value = &quot;&quot;;}" value="Email address here" type="text" /> 
   <input type="hidden" value="mybloggertips" name="uri"/><input type="hidden" name="loc" value="en_US"/> 
   <input class="tips-emailsubmit" value="Submit" type="submit" /> 
   </form> 
   </div>
   
   
   

   4. Before Saving, You need to replace mybloggertips with your feedburner id.
   5. That's all, save it and you are done.

If you need to customize anything, let me know. :)

Enjoy and Happy Blogging!