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

11/19/2015

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/AVvXsEjTPsL4VdU951UOV2gkamURRlOdlSYL8gXFVbAKkutyJBALfm5pL4qn67-daHHF2bn0ueEYNgw0mQ0mFU8EtFjS72MN8DEmBulwRczNPZymqYEcaX6j8TIzfuPgxSkv7hyB_wW2rx0la8Ia/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/AVvXsEhSXjAl07v5RxdOVtEq6mOsLzFezuqUodqd8LyMZQp5G9GoZCX00d7wqy_E-ZvnaZY6Nyf-QFStYeBweEv-YpwjQyedY9f_tvMkBLrKeCemeTQTnPYoUmB1dKN-BuiOiDpqWD0tRDZz_J2I/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/AVvXsEi4fvla37tPiV7PAhvIHIfmIkx98SwNb6qrW4qhqAjLeRJqnjHxUS-FcQ4Qn4mHPkS4T3bGHbVlpdGKFVws8aaLOAUJmw1B_eP0WUNSiXLC9cFJK2VeAP_1-bcoUia6aoPswvy66Cf_cmo/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/AVvXsEhdfjmVzIJ5NbYbaABJMiWLE8KQQZCAPiAhN4vuYVUBRunXwoJZLY6XeXZyP4eWzchSEbOzKzmIXbFvAdfR_RVbrNQyrj5FQVJll8MtzdVl6rwMR9rUEAoFvu6G1p8SHiQzrdjFwIoqc921/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.

Unknown

I am a Electronic Engineer from Pakistan. Mostly i love to play tricks with HTML ,JavaScript and Android Developnment. Moreover i run 2 blogs from 2012-still.Blogging is my passion and i believe i am doing very good in this field.Follow me at Facebook and at twitter
Choose Commenting Sytem..

No comments :

 

Copyright @ 2012-2015 Blogger | Softwares | Androids | Privacy Policy | SiteMap |

Designed by Nomi-King & Sponsored By Blogger-Authority