Cara Pasang Tombol Like Facebook, Twitter, Google+ di Samping Halaman Blog
11:17 AM
Tombol like adalah salah satu Widget atau aplikasi tambahan yang sangat penting untuk sebuah blog/website, sehingga nantinya dengan sangat mudah blog kita menjadi ramai pengunjung yang tertaut dari situs dimana sobat menambahkan tombol like. misalnya saja tombol like facebook yang anda terapkan, maka para pengunjung yang mengelik tombol tersebut dari isi halaman (Posting) akan muncul di beranda/profile facebook mereka sehingga teman yang lainnya akan mudah menemukan Blog kita.
Ok sudah mengerti kan? kalau sudah, ikuti tahap-tahap pemasangnya dibawah ini.
Copy dan Paste Kode dibawah ini kedalam blog sobat.
Caranya masuk ke Dasbor blog anda, 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, Pilih HTML/JavaScript lihat gambar di bawah ini.
Yang terakhir silahkan masukkan (Paste) Kode Html tombol like tadi tepatnya dalam kotak seperti berikut.
Untuk Judul dikosongkan saja.
Kemudian Klik simpan. dan Lihat Hasilnya!
Ok sudah mengerti kan? kalau sudah, ikuti tahap-tahap pemasangnya dibawah ini.
Copy dan Paste Kode dibawah ini kedalam blog sobat.
<!--Widget Tombol Berbagi Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid green; 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='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<!--Widget Tombol Berbagi End-->
Caranya masuk ke Dasbor blog anda, 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, Pilih HTML/JavaScript lihat gambar di bawah ini.
Yang terakhir silahkan masukkan (Paste) Kode Html tombol like tadi tepatnya dalam kotak seperti berikut.
Untuk Judul dikosongkan saja.
Kemudian Klik simpan. dan Lihat Hasilnya!