Attractive Email Subscription widget for blogger

Blogger Widget,

Rate this posting:

{[['']]}

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

Here is another attractive email subscription widget for blogger. As you know email subscription widget is very important to increase the traffic of your blog/website. It allows to send the post of the blog directly to reader mail whenever their is an update.

Features Of Attractive Email Subscription widget

• It is very simple and clean.
• Can be add to sidebar or below the post.
• Very light script. So, loading time of blog does not increase.

Here is the screenshot of the widget:

Add Attractive Email Subscription Widget To Blogger

• Go to Blogger Dashboard>>Layout>>Add A Gadget>>HTML/Javascript
• Now paste this code in it:

<style> .hl-email{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5y0UWRk0TX-EiyeQ_HTrAd12oVrHnj4Qx7Ue7U04cVWa_Mn8N18ehvlM1KJTGG6QJG6rCkB0je4B0hzlw5xlnBu51_nOiyz6dcs2Q_DhFZVGcLip74VDooOBMJPA77JgYz6hl1xg09Dw/s1600/mail.png) no-repeat 0px 12px ; width:300px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C; } .hl-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; } .hl-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; width:130px; color:#666;} </style> <div class="hl-email"> Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=widgetforblogs', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" /> <input type="hidden" value="widgetforblogs" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="hl-emailsubmit" value="Submit" type="submit" /> </form> <a href="http://widget-for-blogs.blogspot.com/" > <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMOB1wrjbSBhO5N_Wde9ivmNBG-xkQ2I1bvG6wRGotVSN0Z7Y19ZStYEZLXB2M2eqTGtFkwjObtxLz3Q_kz8YEdw9UMZoWLN1wRReaFZKFKMg2K33FqrcLix1OVvAK8I5qvfhO6fFoEXQ/s1600/4.png" alt="subscription gadget widget"> </a> </div>

• Press ctrl+f and find "widgetforblogs" with your feedburner id.
• Now save your template and you are done.

HAPPY BLOGGING!

Get Free Updates in your Inbox

Follow us on: