Thursday 25 October 2012

How to add Simple Subscribe Via Email widget to Blogspot Blog

subscribe email
Today's tutorial is about how to add a simple subscribe via email widget to your blogspot widget.Subscription widgets allows your visitors to subscribe to your post feed updates and get their feeds updates daily directly to their email inbox.This time i'm sharing a beautiful and simple subscription widget to your blogger blog.The Follow steps will guide you how to add this widget:

  • Go to Blogger Dashboard-->Layout-->Add a Gadget-->Html/Java Script
  • Just Copy and paste the Below code into the content box
<style>.rb-email{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVY41Xj-p8oqE03uE9hRDIt-RLi7NeuizGLGhSNXa39R0j9KZSI8Teu-E61QrdDO6pP_Rm7Cg338zKHc6A2dmsvDTf4GR-rVqUvB3gyH6VIVG7IcsgdbK-HaS1r4bsbKHAnNBmVvUQjSBx/s1600/email.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;}
.rb-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;}.rb-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:170px;color:#666;}
</style>
<div class="rb-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=Best Blogger Tutorials', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here...&quot;;}" onfocus="if (this.value == &quot;Enter email address here...&quot;) {this.value = &quot;&quot;;}" value="Enter email address here..." type="text" /><input type="hidden" value="Fbtrack" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="rb-emailsubmit" value="Submit" type="submit" /></form></div>

  •  To Change you Subscription Widget Header,change Subscribe via Email
  • Replace Fbtack with your feed title/username
Save your Widget and You are Done!!!!!!!!!

Get free daily email updates!

Follow us!

Like Us.... Receive updates on your Facebook wall!!!!

2 comments: