Pages

How to Add Subscription Widget to Blogger Blog.

This article entails adding all the other social buttons to your subscription widget which will make you to have enough followers to your twitter account, more likes to facebook and google plus. Kudos to the founder of this trick Shahbaz Malik.

Here is how to add all in one subscription to your blogger:



  1. In Blogger Dashboard, Go to DesignPage Element.
  2. Choose "Add a gadget" and then select "HTML /  JavaScript".
  3. Paste the following code inside it.
blogger design pageelement
/* Code on http://www.allbloggingtricks.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=allbloggingtricks', '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/smartjerk"> <img src="http://3.bp.blogspot.com/-OVZP4sKLmps/T88ue9oui-I/AAAAAAAAAlE/aV15rDkmgFc/s1600/1.PNG" height="20" width="80" style="margin:0px 0px 0px 10px;"/></a>
 <a href="http://facebook.com/wazobiablog">  <img src="http://4.bp.blogspot.com/-Y5lsaQeeTKA/T88u3jqoOuI/AAAAAAAAAlQ/utFlYbFFhiE/s1600/facebook_logo.PNG" height="20" width="80" style="margin-left:14px;"/> </a>
 <a href="https://plus.google.com/your google plus "> <img src="http://3.bp.blogspot.com/-k-mmB4qj7Io/T88vFHV9h6I/AAAAAAAAAlc/JfX_WiGGBZA/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 smartjerk with your twitter page.
  • Replace wazobiablog with Facebook fan page URL
  • Replace 117305698834844817404 with your Google Plus profile.
  • Replace wazobiablog with your feedburner usename.
  • Further Note that this widget will work best if your widgets of sidebar are designed to have 320px width.
  •  
  •  
  •  
  • Thanks to the founder of this trick - The source is at http://www.allbloggingtricks.com
  •  
  • Thank you.

No comments:

Post a Comment

The information on this website are for information purposes only. Reader's discretion is advised. The editors and writers are not liable from user's usage of them.