Add Best Email Subscrition Box For Bloggers

It is very important that you website or blog has the subscription button with this the visitors will subscribe when they will come to your website or blog and will subscribe with  your blog and will receive your articles as you update it .So they will not miss a single article and you will increase your traffic and boost your money.

           FLOW THE STEP BELOW TO ADD THIS WIDGET TO YOUR BLOG

Step 1:

  Go to the template and edit HTML

Step 2:

     Now find this code <div class='post-footer'>  with the help of Ctrl +F

Step 3:

       Now past the folllowing HTML code above this <div class='post-footer'>

<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= lordhtml', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="lordhtml " name="uri" />
        <input type="text" id="s" name="email" 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";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Step 4:

Now find this code   ]]></b:skin>

Step 5:

   And paste this code above  ]]></b:skin>
   

#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyb5b9uPocKTtWcgTmxKEzcNUN-GJBQbhgRtlMW16YQqKiftjkXnN-CnQU4oiW8n_i8NszuZaxT_E35gZP7bPdF8yBVLJwPN7Yw16hDaU02wRjuZBvH4-COmOJQF65lWJJYVUKgE14hrA/s1600/helperblogger.com-red.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}
form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}
form#helperblogger-emailform #s {
    background: transparent;
    border: 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#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}

Step 6:

    Save the template and now you are done.