3 In 1 Social Media Widgets For Blogger

Today i m going to share another interesting and awesome blogger widget which contain all the 3 famous social network (Facebook , Twitter , Google+) which is called jQuery slide widget which helps to increase your followers.
So here we have three different pop up boxes which appear on hover effect at the right side of blog.
One of the best widget to increase to add this widget to your blog to increase your blog fans. Once you add this widget to your blog your visitor will be shown a slide box with a option to like you on Facebook and to follow you on Twitter and also to circle on Google+ when ever they visit to your blog. Advantage of this widget is that it does not take huge space and their is many others widget will take a huge space on the blog. So if you want to add this special widget to your blog just the below easy steps.
   

How TO Add This Widget To Your Blog

• Goto your blogger account.
• Layout >> Add a Gadget >> Html/javascript gadget.
• Copy the below code and paste it into Html/javascript gadget.

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRBx1llH6hIliR5R0ZMdrZFqYRbQMZJlVxF6BZQiNELda9XWyg6XIj_3ec22QWckDpfLn1hHvwXveokg5wpIPguDfTZBjMe0LEyNnVhlAWIblCXNbF6h1cA5r0BM70NPHCwPRKgoOdqfiA/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%2Falltrickytricks4u&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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirCOIbVqCH_-MIFNlN4dtmDa8X9snE2ZR7xvL1a193Hl-UcEJrv1ThT8s-WSNkWHrAblQ2yc36u-3jeeNnUcUdw0S6OV2imfxPWWVHuJd7wR4fmfach5uJgvsoF07dfBKtx4XRGg4sBctq/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=shahkrunal7091&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://NewBloggerTips.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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEsG4UuIx7uESeHprHUH4VDY8KVmugpWPDZBxs9_3K3NnONzwnhN4R8tO_Wsj7sYfN3Uwb5P1MDIrb_cnm1c5CK2nDxEzFPE4RFqPXO3CFAQVUdSUK2hU4bDKqbQPiKEcsxB9xOtTlcU/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjd8DaoUx_OGnMEbOsk8PPPiEHryxIdSf0VgJ8nT3D8rd8_-3C1zxZCUZL-g9PHnGJLFnaj_rV0ET_kGeywPHPBt_BEalqtIk0EsHdaWbESNMnB8NIV0o6bFjXrA8ej10AgQgMDqbMmQR-/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/116718283944070766996" 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>

Customizations

• Replace alltrickytricks4u with your Facebook username.
• Replace shahkrunal7091 with your Twitter username.
• Replace  11671828394407076696 with your Google+ ID.