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.

Categories: Blogger Widgets , CSS , Subscription Boxes