Show Mobile Navigation
, ,

Add a Widi Subscription Box Widget for Blogger

Hemant Verma - 4:50 PM

Hello friends we are offline by some day be'coz of some reasons but we will try to continue going blogging for you all dear visitors and most important thing is for us that our blog is getting daily increased visitors as day by day, so this is all be'coz from you all dear visitors, so today we are here present with a new widget for blogger and this widget is come after a such long time be'coz widgets is not making these days and also not getting any idea for new widget just be'coz of the busy and hectic schedule, but this widget is live for you all. This is an Awesome Subscribe box which will allow your visitor to subscribe with your Blog post so that he may get your latest posts straight in his Email.  








Add a Widi Subscription Widget in Blogger

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Layout
  • Add a HTML/JavaScript Gadget
  • Paste below code in it.


<div id='ITB-box'>
<br/><br><span style="color: white;"><span style="font-size: 19px;"><b><span style="font-family: Times,&quot;Times New Roman&quot;,serif;">Enjoyed This Article? Get Free Updates</span></b></span></span><br/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=widgetgenerators;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=565,height=265&apos;);return true' target='popupwindow'><center>
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='widgetgenerators'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>
<style>
#ITB-box{
border:1px;
text-align:center;background-image: url(http://i60.tinypic.com/21ngthd.png);
background-repeat:no-repeat;
height:139px;
width:557px;
}
#ITB-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:0px 0px 0px 0px;font-size:16px;padding:6px;text-shadow:1px 1px 0 #FFF;width:190px; height:20px; color:#666; font-family:calibri; margin-top:14px; margin-left:20px;}
#ITB-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#007EA3;), to(#007EA3));background: -moz-linear-gradient(center top , #007EA3, #007EA3) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:normal;margin-left:20px;text-shadow:0 1px 2px #000;width:100px; height: 40px;
border-radius:4px 4px 4px 4px;
font-family:calibri; margin-left:5px; font-size:15px;}
</style>
 

  • Finally Save Your Widget.



Make Changes....!

  • Replace it widgetgenerators with your RSS Feedburner username (two time)




Widget Created By-
Syed Ali is a passionate blogger. He is the founder of InfoTechBlogging. He love to help     other blogger in starting their blogging career. He Post blogger widgets and tutorials for newbies.


1 comments:

  1. i would like to add this widget in my blog.
    Nice widget it will attract my blog visitors.
    Thanks for sharing this widget :-)

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS