Zone - An Elegant Email Subscription Box Widget

A huge email list helps build up a successful business over the internet . To build up a great and massive newsletter service, you should an automatic service provider and an widget in the sidebar or wherever . Unfortunately people do not add an email subscription box which is one of the most important gadgets that should appear in your sidebar . The idea of thsi widget is created by +Chandeep J  of Blog Tips N Tricks . A good and attractive email subscription box which has the capability to attract the attention of a visitor is what we decided to throw out through this widget. Even though its not so beautiful, i hope you guys liked it . Please share if you liked it . The sole copyright ownership of this widget is owned by Chandeep of BlogTips'N'Tricks and anyone found sharing this widget without his knowledge is an illegal activity and will result in a DMCA Takedown. PLease do the steps correctly as if you miss any of these steps you might get in a lot of trouble . 

STEPS

1. Go To Blogger - Layout - Add A Gadget
2. Now copy the code below and paste it in the popup window 
3. All Done ! Make the necessary changes highlighted in colors !
4. Save And Enjoy 

One Important Step - Change the ID highlighted in red to the id of your widget !

To Find ID , Add your widget . Then click on Edit . Then at the end of the link of the popup, you can find the ID starting with 'HTML' .

Source Code

<style>/***** Blogger Kid Subscribe Widget *****/.bkidEmailsub { text-align:center; background: #fbfbfb; padding: 20px 20px 40px; clear: both; display: block; margin: 10px 0; border: 4px solid #eee; }.bkidEmailsub h5 { font-style: italic; font-weight: normal; margin-bottom: 10px; text-transform: capitalize; text-align: center; } .bkidEmailsub p { font-style: italic; text-transform: capitalize; }.sidebar #HTML2 { background: #FBFBFB; border: 2px dashed #DDDDDD; color: #666666; font-family: Verdana,Arial,Tahoma,sans-serif; font-size: 12px; outline: 2px solid #FBFBFB; padding: 20px 10px 30px; text-align: center; display: inline-block; }.sidebar #HTML2 h5 { font-size: 20px; font-weight: normal; margin-bottom: 15px; text-align: center; text-transform: none; }</style><h5>Subscribe Via Email</h5><p>Subscribe to our newsletter to get the latest updates to your inbox. ;-)</p><br/><div id='bkidEmailsub'><form action='http://feedburner.google.com/fb/a/mailverify' class='bkidEmailform' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=BloggerKidBK&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'><input name='uri' type='hidden' value='bloggerkidbk'/><input name='loc' type='hidden' value='en_US'/><input class='emailText' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' required='' type='text' value='Enter your email...'/><input class='emailButton' title='' type='submit' value='SignUp'/></form></div>

Final Words 

Email newsletter service is a must for every blogger and it can help you get more exposure. To build a massive list you should provide a good and better email subscription box . I am a young guy and i am not so expert in CSS even though i have mastered HTML .