How to add professional email subscription widget for blogger

Sunday, July 7, 20132comments

Rate this posting:
{[['']]}
Hello friend's

Today i am going to show you how to add an email subscription widget in your blog. This blogger widget not only going to give your blog an professional look but also alot of subscribers. Thus giving your blog alot of traffic. Subscription widget allow your readers to subscribe your blog, so that whenever their is an update in your blog, it will mail to your subscriber inbox.

Add this email subscription widget


  • Go to your Blogger Dashboard>>Layout>>Add a gadget>>HTML/Javascript
  • Now paste this code
    <div class="subscribe_outer"><div class="subscribe_wrapper"><h5>Subscribe Via Email</h5><p>Enter your email to get free Updates of Blo Tricks</p><div id="btntEmailsub"><form class="btntEmailform" target="popupwindow" onsubmit="window.open(' http://feedburner.google.com /fb/a/mailverify?uri=blotricks', 'popupwindow', 'scrollbars=yes,width=300,height=520');return true" method="post" action=" http://feedburner.google.com /fb/a/mailverify"><input type="hidden" value="blotricks" name="uri" /><input type="hidden" value="en_US" name="loc" /><input class="emailText" type="text" value="Enter your email..." onfocus="if (this.value == " enter your email...") {this.value="" }" onblur="if (this.value == " ") {this.value="enter your email..." ;}" name="email" /><input class="emailButton" type="submit" value="Signup Now! (FREE)" title="" /></form></div></div></div><style>.subscribe_outer { background: url(" http://i1203.photobucket.com/albums /bb382/chandeep10/btnt-custom- theme/color-chronicl.gif") repeat scroll 0 0 transparent; margin: 0 -10px; padding: 5px 0;}body { color: #272727; font-family: Georgia,"Times New Roman",Times,serif;}body { color: #272727; font-family: Georgia,"Times New Roman",Times,serif;}.sidebar .subscribe_wrapper h5 { color: #FFFFFF;}.sidebar h5 { color: #272727; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; font-size: 15px; font-weight: normal; padding: 4px 0 10px;}h5, h6 { letter-spacing: 2px; text-transform: uppercase;}.sidebar .subscribe_wrapper h5 { color: #FFFFFF;}.sidebar h5 { color: #272727; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; font-size: 15px; font-weight: normal; padding: 4px 0 10px;}h5, h6 { letter-spacing: 2px; text-transform: uppercase;}.subscribe_wrapper { background: url(" http://i1203.photobucket.com/albums /bb382/chandeep10/btnt-custom- theme/pattern-chronicl.png") repeat scroll 0 0 #333333; color: #CCCCCC; font-size: 14px; line-height: 20px; padding: 38px 50px 18px 38px;}.emailButton { 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); width: 100%;}.emailText { background: url(" http://i1203.photobucket.com/albums /bb382/chandeep10/btnt-custom- theme/email.png") no-repeat scroll 10px center #FFFFFF; border: 0 none; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset; color: #444444; padding: 10px 40px; margin: 0 0 15px; text-decoration: none; width: 70%;}input, textarea { font-family: Georgia,"Times New Roman",Times,serif;}.subscribe_wrapper { color: #CCCCCC; font-size: 14px; line-height: 20px;}.post-body .emailButton { width: 300px;}.emailButton { 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); width: 100%;}</style>

  • Now press ctrl+f and find "blotricks". Replace blotricks with your feed burner id.
  • Now save it and you are done with beautiful professional email subscription widget.


HAPPY BLOGGING
Get Free Updates in your Inbox
Follow us on:
facebook twitter gplus pinterest rss
Share this article :

+ comments + 2 comments

June 23, 2014 at 12:20 PM

Hi,

Thanks for help! Can we add this in post too?

July 17, 2015 at 4:27 AM

Its amazing, looking at the time and effort you put into your blog and detailed information you provide. I'll bookmark your blog and visit it weekly for your new posts. admission essay writing service

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Widget For Blogs - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger