Home » » Add Stylish Subscribe via Email Widget to Blogger Blog

Add Stylish Subscribe via Email Widget to Blogger Blog

Written By Blogs Pr 2 on Monday, November 18, 2013 | 6:57 AM

In earlier post we had talk about about Basic Feed Burner Subscription but in this post i will told you about Stylish Subscribe through E mail Widget for blog/website. In prior post i had told you all about Subscription widget that how it works and how is valuable it is. Now we learn a technique for adding it to your blog just follow my provided directions below

How to Add Fashionable Subscribe by means of E mail Widget to Blogger Weblog

1. Go to Blogger Dashboard> Layout> Add a Gadget

two. Now Click on "HTML/JavaScript" Gadget

3. Right after this Copy the below set of Code and Paste it into empty box

<style>.hl-emailbackground:url(http://four.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 0px 12px width:300pxpadding:10px 55pxfloat:leftfont-size:1.4emfont-weight:boldmargin: 10px color:#686B6C.hl-emailsubmitbackground:#9B9895cursor:pointercolor:#fffborder:nonepadding:3pxtext-shadow: -1px 1px rgba(,,,.25)-moz-border-radius:6px-webkit-border-radius:6pxborder-radius:6pxfont:12px sans-serif.hl-emailsubmit:hoverbackground:#E98313.textareapadding:2pxmargin:6px 2px 6px 2pxbackground:#f9f9f9border:1px solid #cccresize:nonebox-shadow:inset 1px 1px 1px rgba(,,,.1)-moz-box-shadow:inset 1px 1px 1px rgba(,,,.1)-webkit-box-shadow:inset 1px 1px 1px rgba(,,,.1) font-size:13pxwidth:13pxcolour:#666</style><div class="hl-email">Subscribe by means of Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" approach="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=filezooby', 'popupwindow', 'scrollbars=yes,width=550,height=520')return accurate"><input gtbfieldid="3" class="textarea" name="email" onblur="if (this.worth == &quot&quot) this.value = &quotEnter e mail address right here&quot" onfocus="if (this.value == &quotEnter email address here&quot) this.value = &quot&quot" worth="Enter e mail address right here" kind="text" /><input kind="hidden" worth="filezooby" name="uri"/><input type="hidden" name="loc" worth="en_US"/><input class="hl-emailsubmit" value="Submit" type="submit" /></kind></div>

Note: Now you have to make following modifications
  • Replace the URL Address in Blue to alter the e-mail icon
  • Increase/Reduce the 130 width value for a wider text location
  • Replace http://feedburner.google.com/fb/a/mailverify?uri=filezooby with your feed Burner E-mail feeding link
  • replace filezooby with your feed titile.
Finally Save it.

Title: Add Stylish Subscribe via Email Widget to Blogger Blog
Rating: 910109 Votes
Posted by: Admin Updated at: 6:57 AM


Post a Comment