Cara Membuat Widget Like Facebook, Twitter, Google+ di Samping Halaman Blog
Tombol like adalah salah satu plugin atau aplikasi tambahan yang sangat penting juga untuk sebuah blog/website, sehingga akan sangat mudah blog kita menjadi ramai pengunjung yang tertaut dari situs dimana sahabat menambahkan tombol like. misalnya saja tombol like facebook yang sahabat terapkan, maka para pengunjung yang mengelik tombol tersebut dari isi halaman/Posting akan muncul ke beranda/profile facebook mereka sehingga teman yang lainnya akan mudah menemukan Blog kita.
Ok sudah mengerti kan? kalau sudah, saya akan berbagi tips cara memasangnya aplikasi tombol like yang tepatnya berada di samping halam blog sahabat. seperti yang saya pasang sekarang!
Silahkan Copy dan Paste Kode dibawah ini kedalam blog sahabat.
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:30%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='rt'><a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="gaung_A7X48" data-related="gaung_A7X48">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
<div class="fb-share-button" data-href="#" data-layout="box_count"></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://gaungadzaningjagat.blogspot.com/2013/06/cara-membuat-widget-like-facebook.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>
Caranya masuk ke Dasbor blog sahabat, kemudian Pilih Tata Letak yang ada di sisi layar monitor (sisi halaman dasbor bawah).
Kemudian Pilih Tambahkan Gadget yang ada di kolom Template, bisa disimpan dimana saja "kalau saya mengunakan tambahkan gadgetnya yang paling bawah".
Setelah Popup Window muncul sahabat Pilih HTML/JavaScript lihat gambar di bawah
Yang terakhir silahkan masukkan Kode Html tombol like tadi tepatnya dalam kotak seperti berikut.
Untuk Judul dikosongkan saja.
Kemudian Klik simpan. dan Lihat Hasilnya!
8 Comment
terima kasih banyak infonya..diantara sekian byk ini yg paling mudah diterapkan,maklum saya masih newby bgt,,kunjung balik ya..trims..
ReplyDeletesama sama ;)
Deletethanks
ReplyDeleteurwell ~
Deleteajib banget :D
ReplyDeleteudah dipasang gan? semoga bermanfaat yaa ^^
Deletemantap bos website gw sekarang jadi lebih bagus. www.macrokom.meximas.com/home.html
ReplyDeleteNB: Maaf widget burung twitternya kok macet ya ?
ohhyaa.. sama sama , macet gimana nya gan? gif nya eror kali, ganti pake burung warna lain..
DeleteInsyaallah ^_^
Selamat datang gan/sis di Blog sederhana ane ..
Silahkan berkomentar jika ada yg ingin dikoreksi atau ada pendapat lainya, but gunakan bahasa yg baik ya ..
Semoga Bermanfaat ~