» » Cara Membuat Widget Facebook, Twitter, dan Google Plus Melayang [NEW]

Cara Membuat Widget Facebook, Twitter, dan Google Plus Melayang [NEW]

blogger templates


Selamat malam para blogger yang selalu setia menemani dengan waktu yang tak tertentu, sekarang saya akan mencoba berbagi sesuatu tentang Cara Membuat Widget Facebook, Twitter, dan Google Plus Melayang [NEW], mungkin banyak orang yang tidak mengetahui cara Cara Membuat Widget Facebook, Twitter, dan Google Plus Melayang [NEW] untuk menambah sosial media dari blognya tapi sekarang saya kan berbagi pada blogger semua tentang Cara Membuat Widget Facebook, Twitter, dan Google Plus Melayang [NEW] agar kita tidak kesulitan mencari info yang kita inginkan,
Yuk kita mulai kita lanngsung saja ke TKP
dengan sama-sama membaca basmalam..
Mungkin dalam dunia blogger, widget ini tidak terlalu penting dalam urusan SEO, namun menurut saya, widget ini emang keren, dan memperirit tata letak dalam blog kita. Nah saran saya, anda terserah saja memakai atau tidak menggunakannya.

Membuat Widget Facebook, Twitter, dan Google Plus Melayang. Tips-tipsnya :

1. Pergi ke Blogger.com
2. Ke Menu Layout
3. Add New Widget
4. Masukkan kode script berikut.







<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/AVvXsEhS5xzC5ERuHRueFfQwt_8ZqzIUNiIJsXn4UkqOKY-z6xnvASpwClCJs1m__Qz2bQvQ9QTc8Ii3v9g6a4mK3UaBjSU2p8MYuRvUaQ4krBU2andioA-u7hf1SVhKJ640ROO65o8CFAk690sO/s1600/NBTfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="yes" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F543185629031631&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/AVvXsEiAo1nNoBSVRSHWSSYECleGTNWw1y3kkJjC6MLNZLyZU25kJYBHjvGWl0WSBKyCTJTsn1CtkUOzorBqps2Cof53P-4zXJfUWlCOaI44b-hFTpU3VrMRWVL0jlSooYxeudSDTV2HQ_N7Uvep/s1600/NBTtwitter_right.png" /> <script type='text/javascript'> function fanbox_init(screen_name) { document.getElementById('twitterfanbox').innerHTML = '<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=' + screen_name + '" class="FB_SERVER_IFRAME" scrolling="yes" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>'; } </script> <div id="twitterfanbox"> <script type="text/javascript"> fanbox_init("Chapil19"); </script> </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/AVvXsEi1OME17l6XIOrmVQUT3KVBE3m6aBaowf2fpW3ldDdAd50dJp9JfErer0FKKIo8t6UzyU2bMXHUipjLBMv8yLiYYSftR3zEDCjX_3V938wPFMse2zZYd6_cn_QPORZvRoY4RJdppk88oYI/s1600/NBTgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"> <a href='http://www.pathullapil.blogspot.com'> <img alt='Madrasahku' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFt3_25igIHR_pklBsRgljMSKXE_meBNr0y79GL-CY9ru4gr-EBqcTBfUbFBqZRQ3fv_Zn584UzYogdjEJaScTk-ACxIBWVI45XhcQGVHD-QjqTl1AtjvIrk0rOf7JHoNKuzhI9CMIS2B/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/110188726552330281295" 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></div>

5. Ganti :
  • 543185629031631 dengan ID Facebook fan page sobat
  • Chapil19 dengan Username Twitter anda, untuk yang ini ingat jangan menggunakan tanda @
  • https://plus.google.com/110188726552330281295 dengan alamat URL dari Google Plus And
6. Save Template
7. Semoga Berhasil









.