Add 3 in 1 Slide out Followers Box widget in Blogger
Jumat, 27 Desember 2013
0
komentar
1) Facebook Slide out box.
2) Twitter Slide out box.
3) Google Plus slide out box.
How To Add 3 in 1 Slide out Followers Box widget in Blogger
- First of all Visit Blogger Dashboard.
- Then go to your site.
- Now click on layout, then Add a Gadget link.
- A list of gadgets will appear, select the HTML JavaScript gadget from that lists of gadget.
- Now copy the below code and paste it inside the HTML JavaScript gadget box.
<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/AVvXsEgNj4XElsRgZ-2OPQXjyPXx8L04SHXAGc8lyrdD5eANQ8Sg0HE4JwjYldXG59AR423sXR5oLCQVJL5VtRpoBb66Hp2X9BQvct9RIXSubPq5rDkU4201FDAmCY3zW4dZ2ibJhIzSnKfIxjG4/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&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/AVvXsEjDIUgBYlYh6tHuwKf2zhyphenhyphenBF0z8afeu5DwgK09x7PajTeMD9mH4N8wzGcCAO8GPGXgBVgCvTDkfnus4HtlNg02K5GhrVTix7LzWqmC__csWuOrpUzmbBFqAC3f4FsHZ98rgSPHU87I3NLLu/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=trickspunch&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://www.trickspunch.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/AVvXsEg_vtxxAsXwwOP_NIs1owcAbEC2lluewArzUcngCgmeFkPOaHyCIJH60qKgBUbFHChvFkgaOecYCBOM7XXV9tvWdReIbJdaWMSmkS73Bu_04Nm7KZGY1u-pDXIvVseJQnhtf2yVor1yj1A/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://www.trickspunch.blogspot.com'> <img alt='Blogging Tips and Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn9VfwVMERaLjJZ_O7BywwohOeuEMsv1ZDmF89NLAFjkUeHbuSdYUXAh-wKThDzE19lzduCViGvmVpar-JssDL0i9y-FuQ_IhfPK3cX09CwRa_epbpNV_uHOJ3tddAisaiNK9OtkuS2zGD/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/104997427310964791620" 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>Customization Before Saving:
Make sure you made the following changes in the script:
- Replace the URL in green with your Google Plus ID URL.
- Replace the URL in Blue with your Twitter username.
- Replace the URL in red color with your Facebook ID URL or Fan page URL.
- Now click on the Save gadget button and Enjoy!!
Also Read:
If you find any problems while doing this Tutorial ask us through the comment box, we will resolve your problems if we can!!
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Add 3 in 1 Slide out Followers Box widget in Blogger
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://topandroidnexus7.blogspot.com/2013/12/add-3-in-1-slide-out-followers-box.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
0 komentar:
Posting Komentar