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

There may be various widgets on the web. But the most attractive widget must be simple and clean. This email subscription widget is one from that. It is white, simple and clean. This email subscription widget is sober and allows more and more reader to subscribe your blog.

This email subscription widget also got mouse hover effect. Here is the screenshot of this widget:

How to email subscription widget to your blog

• Go to Blogger>>Dashboard>> Layout>>Add a gadget>>HTML/Javascript
• Now paste this code

<style> .subscriptionboc { border-style:solid; border-width:2px; border-color:#000; padding:20px; width:250px; background:#fff; transition: box-shadow .777s; -webkit-transition: box-shadow .777s; -moz-transition: box-shadow .777s; -o-transition: box-shadow .777s; -ms-transition: box-shadow .777s; } .subscriptionboc:hover { -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .paratraf { font-size:20px; font-family::'georgia'; text-align:center; color:#000; } .feed-links{display:none;} .enteremail { background: url(" http://i1203.photobucket.com/albums /bb382/chandeep10/btnt-custom- theme/email.png") no-repeat scroll 10px center #FFFFFF; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset; color: #8B8B8B; padding: 10px 40px; border-style:solid; border-width:2px; border-color:#CACACA; } .forspace { padding:15px; } .button45 { background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; font-weight: bold; padding: 10px 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); background:#249334; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; font-weight: bold; padding: 10px 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } </style> <div class="subscriptionboc"> <form action=" http://feedburner.google.com /fb/a/mailverify" method="post" target="popupwindow"onsubmit="window.open(' http://feedburner.google.com /fb/a/mailverify?uri=blotricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div class="paratraf">For Latestnews And Updates Sign Up</div><p> <div class="forspace"> <center> <input class="enteremail" type="text" style="width:140px" name="email" value="Enter your email..." onfocus="if (this.value =="Enter your email...") {this.value = ""}"/></center></div> </p> <input type="hidden" value="blotricks" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <center> <input class="button45" type="submit" value="Sign Up" /></center></form> </div>

• Replace "blotricks" with your feed burner id.
• Than save widget.

HAPPY BLOGGING!

Friend's give your feedback in comments.

Get Free Updates in your Inbox

Follow us on: