How to Add 3 in 1 Slide Out Follower Box in Blogger Blog

In this era every one use internet.He/She also use social media's.Also many peoples use blogger.com.Mostly people have blog.So they need to get more and more traffic.For traffic resources they add more and more social gadgets in blog.
So i have decided to give you an really cool thing.It's about social media.It is 3 in 1 slide out social box.

-------------------------------------------------------------------------------------------
Features:
-------------------------------------------------------------------------------------------
  • Increase Traffic
  • Increase Looking of your Blog/web.
  • Increase social media followere.
  • Popular your Blog/Web
------------------------------------------------------------------------------------------------------------
How to Add it in Blog:
------------------------------------------------------------------------------------------------------------
To add it just follow thses steps:

  • Go to Blogger.Login to your account.
  • In DashBoard section,Go to Layout>>Add a Gadget (any where)
  • Now select HTML/JAVASCRIPT.
  • Paste below code in that tab.
<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/AVvXsEj_uDyM091pYayOwmKIT5957fSG8kNWMx_HL15XWQm_g0naer-DfOZWqxsqe6uaxvC7My7OLvvSH1989RBIem_yfIewm1yYE81yCi6PwIfsqvNi28LvVSOLOdqQCZBgjTrrGzNeRmcy77m4/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%2FNomiking8&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/AVvXsEhNnILz04TAA2jen0R5LWZRau2IX8xPw3qzcx8VXOra2_O4Z8ght1QtMqyfo1sme3vDaUwTVLqNKDnuM0t_dlFxVBIz8ethDoGIw064yD6BSPlmkwDz_WCN0wS21BpR-Ld-hQ03d8p6Y7x8/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=nomz890&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://bloggerweb8.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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBKZX-d9dpeANo133mmgpUdmysh5Ss2XR_F-wGqH5IIl8tKlrhQZEkZAMkWX-nbPUE9mj_c0-PCUgBLIrbCPFcKwutsKJWUxl1YlHb6MKOWq2k6SQHL6Lr-RNv_NxBPo3XpFEoOgDlPSE/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://bloggerweb8.blogspot.com'>              <img alt='nomz890' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz2DuPlN4ZnZ1hg5zEVS2wRv8SeiDVNgxddEjcdl_Q0krf160f46IMwAXuZyV8sBw5jklr1E2xzfXvAonaRpSvGQnq8t6OYwnNMIk0LIa-6oWsCDiNtgf9LP3yaNPFbzO6_McAsX6pu0-/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/114157884305595900012/" 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 Replace Highlighted words with your own one.
  • Congrats!!!You have done it.

------------------------------------------------------------------------------------------------------------
Conclusion:
------------------------------------------------------------------------------------------------------------
Now you will be able to get more and more visitors,like,followers,+1.
If you stuck!!Feel free to ask in comments box.

0 Response to "How to Add 3 in 1 Slide Out Follower Box in Blogger Blog"

Posting Komentar

Contact