ADDING 3 IN 1 SLIDE OUT FOLLOWER BOX WIDGET FOR BLOGGER/BLOGSPOT…

Hello everyone in this article i will show how to add 3 in 1 Slide out Follower Widget for Blogger/ Blogspot…

Step 1: Go To Blogger ==> Dashboard…

Step 2: Layout ==> Add a Gadget…
Step 3: And Select==> HTML-JAVASCRIPT…
Step 4: And Paste the following Code in it…

<script src=”http://code.jquery.com/jquery-latest.js”></script>  <script src=”http://apis.google.com/js/plusone.js” type=”text/javascript”></script>  <link rel=”stylesheet” type=”text/css” href=”https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css” />  <script src=”https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js”></script>    <div id=”on”>    <div id=”facebook_right” style=”top: 12%;”>      <div id=”facebook_div”>        <img alt=”” src=”http://3.bp.blogspot.com/-wQUpmiGwynE/UNHJaesfqeI/AAAAAAAAItg/JQlnTuoFRnQ/s1600/NBTfacebook_right.png” />        <iframe allowtransparency=”true” frameborder=”0″ scrolling=”no” src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTrickz2know&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false”        style=”border: none; height: 346px; overflow: hidden; width: 200px;”></iframe>      </div>    </div>  </div>  <div id=”on”>    <div id=”twitter_right” style=”top: 28%;”>      <div id=”twitter_div”>        <img id=”twitter_right_img” src=”http://3.bp.blogspot.com/-UrPbwWyd88E/UNHJhIlDSRI/AAAAAAAAIt4/fmis0qzbcfI/s1600/NBTtwitter_right.png” />  <div style=”width:248px;font-size:8px;text-align:right;”><script type=”text/javascript”>  document.write(unescape(“%3Cscript src=’http://twitterforweb.com/twitterbox.js?username=trickz2know&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699′ type=’text/javascript’%3E%3C/script%3E”));</script><a href=”http://trickz2know.blogspot.com” target=”_blank”></a></div>        </div>      </div>    </div>    <div id=”on”>      <div id=”google_plus_right” style=”top: 45%;”>        <div id=”google_plus_div”>          <img id=”google_plus_right_img” src=”http://2.bp.blogspot.com/-e2uAzeEjWU4/UTHxwZv6O_I/AAAAAAAAACo/IIkUjVUrtus/s1600/NBTgoogle_plus_right.png” />          <div style=”float: left; margin: 10px 10px 10px 0;”>            <a href=’http://trickz2know.blogspot.com’>              <img alt=’Tips Tricks And Tutorials’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’ />            </a>            <div class=”g-plus” data-action=”followers” data-height=”250″ data-href=”https://plus.google.com/115690113067212061528″ data-source=”blogger:blog:followers” data-width=”270″></div>            <script type=”text/javascript”>            (function () {              window.___gcfg = {                ‘lang’: ‘en’              };              var po = document.createElement(‘script’);              po.type = ‘text/javascript’;              po.async = true;              po.src = ‘https://apis.google.com/js/plusone.js’;              var s = document.getElementsByTagName(‘script’)[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div></div>

·        
Now simply Replace the highlighted links with your own social media
links,
·        
Replace Trickz2know with your “Facebook Fan Page ID”
·        
Replace Trickz2know with your “Twitter Username”,

Replace 115690113067212061528 with your “Google Plus ID”

YOUR COMMENT