Add All In One Subscription Widget To Blogger Blog

    In Blogger Dashboard, Go to Design /  Page Element.
    Choose "Add a gadget" and then select "HTML /  JavaScript".
    Paste the following code inside it.

 

/* Code on http://www.techtonets,blogspot.com */





<style type="text/css">
#abtbox
        {width:320px;
         height:100%;
         }
#smallabtbox
         {width:320;
   height:74px;
   border-bottom:1px solid #EEE;
   margin:5px 5px 0px 5px;
   margin-left:auto;
   margin-right:auto;
   }
#smallabtbox1
          {width:320;
   height:74px;
 /*  border:1px solid black;*/
     margin:0px 5px 5px 5px;
  
   }
#smallabtbox1 span
          {color: #F55;
   font-size:15px;
          margin-bottom:30px;
          padding:7px;
   font-weight:800;
   font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  }
#abtbox #smallabtbox input.mailverify
    {background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

#abtbox #smallabtbox input.joinemailupdates
         { border:1px solid #7575FF;
         border-radius:5px;
 -moz-border-radius:5px;
         background-color:#7575FF;
 color:#FFFFFF;
 font-weight:900;
 margin-left:10px;
         height:26px
   }
</style>

<div id="abtbox">
<span style="margin-left:20px;color:#F90; font-weight:900;font-size:17px;margin-left:25px;position:relative;top:15px;"> Get Free Tricks Daily </span>

<div  id="smallabtbox">
<div style=" position:relative; top:30px; left:25px;">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Techtonets.blogspot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="mailverify"  gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" placeholder="Enter your email here..." />

<input name="uri" type="hidden" value="AllBloggingTricks" />
<input class="joinemailupdates" type="submit" value="Submit" /></form>

</div>
</div>
<div  id="smallabtbox1"><span><center>
Follow us on-</center></span>
 <div >
<a href="http://twitter.com/techtonets"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ1cN0Z2qUzGXv3KloItpfAzSUkzGNInA1A7JemINOju93NbYlPZRPJchByJheJZWo3Fk1zmGbDc-MfIEEd3jNts0I8Z3CLegdDs12R_HAGicTkcyzOG_sUF6Cp1XRFks2csz0OEsY5yU/s1600/1.PNG" height="20" width="80" style="margin:0px 0px 0px 10px;"/></a>
 <a href="http://www.facebook.com/pages/Techtonetsblogspotcom
">  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZeArf_0qEx1QvmYQvYLbnaZlD6kyOpP-pmzTI15MB1xecwKN0l_QK3vM8mibFyhXRqDB3UZfNj35qZ2b5O9OCLIxf7OSXns-kHsrnwewjqUmGUwLbG5d9qCkHhQrsSXAMFWvjs1lm94Q/s1600/facebook_logo.PNG" height="20" width="80" style="margin-left:14px;"/> </a>
 <a href="https://plus.google.com/103833440474223208878"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguB1MK8x7MHN8kqo0GA68MJ_m7U2XUfTvs9rHtIh7l0uPc8YgWRCT_FfCnb8N5lsAtsZcseiLGQJEZtZ1XrJwNgzj3dFI522OLn8562wSjjwKMK03vnB4NlhTZfrB3zLXyWsIz4-RX2BM/s1600/google_plus_logo.PNG" height="22" width="90" style="position:relative; top:5px; margin-left:20px; "/></a>

</div>

</div>
 </div>



Note:-Make Following Changes:

    Replace techtonets with your twitter page.
    Replace Techtonetsblogspotcom with Facebook fan page URL.
    Replace 103833440474223208878 with your Google Plus profile.
    Replace Techtonets.blogspot with your feedburner usename.
    Further Note that this widget will work best if your widgets of sidebar are designed to have 320px width.