Coloured Email Subscription Box For Blogger

 Today readers are more important than traffic. To collect readers this subscription box are the best. There are available in three colours i.e. Red, Blue, Grey.This subscription box look very good and will surely increase your reader and traffic.This Boxes are made by HelperBlogger. The boxes can be placed any wher in your blog. This boxes do nt have much css and hence they will not load more. Hence maintaining your blog speed. So have this subscription boxes in your blog.

 Follow the Below Steps:

1. Login to your Dashboard.
2. Go to Layout--->Add a Gadget.
3. Choose for Html/Javascript.
4. Choose your style and  paste the code there.

Style.1

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSNp6HE7QiXBUF3zTw-Xnukp2cBSJe1bBtuUMa9ZljYYEMdve0toG11Gt5l-QCdQzDkNCyt-a31tSIYR05TnmY61PyQGavECU4KO7s6GckhMNkSGHEFZIdvICCgM3dykr4sv5kobFqKzY/s1600/helperblogger.com-silver.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;
}</style>


<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=BloggingTrickzAndToolz ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="BloggingTrickzAndToolz" 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>

Style.2

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVOoiIvvCG50d9TDCknK2oq2cinrxhaDj4YxM0NJu5SONacgsLFi0fUcLECMct9MzBYXkKohmqjA4LOmcne2Idiir5e4t6U2IuiJj4Az4YGosCkNpB3StcKVIr7JaYDvBOPlwrQAyA64o/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;
}</style>


<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=BloggingTrickzAndToolz ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="BloggingTrickzAndToolz " 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>

Style.3

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHiFd1u9Yfztr4PChqXB40il-58V1GIYxtFYbmIU25P6mml11-7jWCsMOvLnuD-sMGoc46MmdTyDYbNvzQat8uejUBbt9fy2rL5_V1yoxv-sM3W0E0AjwkZQCY8pvmQr_yM4DIn_QaVrs/s1600/helperblogger.com-blue.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;
}</style>

<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= BloggingTrickzAndToolz ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="BloggingTrickzAndToolz" 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>

Click on Save.


It's Done.

Categories: Blogger Widgets , Increase Traffic , Subscription Boxes