Graphical Subscription Widget For Blogger

This is awesome graphical widget made by me. This widget has a cool look. This widget looks as if the text area has come out through the blogger icon. I have provide you many subscription gadgets before. This widget can be placed any where. As we know that readers are more important then traffic. So to increase readers we need some subscription widgets. Having such a catchy widget will surely increase your readers.
So have it in your blog.

Steps To Add This Graphical Subscription Widget

• Go to Blogger.
• Go to Layout.
• Add a Gadget >>Html/Javascript
• Paste the below code there.

<style>#FollowByEmail1{
position:relative;

background-image: url(http://i1269.photobucket.com/albums/jj591/aditya9172/subscribeback.gif) !important;
background-position: 0 29px;
background-repeat: no-repeat;
height: 150px;
}
input.follow-by-email-address{
background: #68514B;
border: none;
color: #BAA4A0;
font-family: Georgia,Verdana,Sans-Seif,Arial;
font-size: 12px;
left: 50px;
padding: 8px;
position: absolute;
top: 50px;
width: 131px;
}
input.follow-by-email-submit{ position: absolute; right: 9px; top: 50px; }

</style> <div class='widget FollowByEmail' id='FollowByEmail1'>

<div class='widget-content'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=blog-toolz", "popupwindow", "scrollbars=yes,width=550,height=550"); return true' target='popupwindow'>
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
<input class='follow-by-email-submit' src='http://i1269.photobucket.com/albums/jj591/aditya9172/button_subscribe.gif' type='image' value='Submit'/>
<input name='uri' type='hidden' value='blog-toolz'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>

Note: Change the red text with your username.

• Now, click on Save.

It's Done.

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.