Pernah lihat tombol-tombol share seperti di samping kanan ini? Ya pernah dong, kan itu ada di kanan
Maksudnya, mungkin anda pernah/sering lihat ada
tombol/widget share Facebook dan Twitter di bagian atas sebuah artikel blog di mana pada kedua widget itu terlihat angka yang menunjukkan banyaknya link dari sebuah artikel/posting yang dishare oleh pengunjung blog.
Bila tertarik, anda juga bisa memasangnya dengan memasukkan kode tertentu pada template blog, sehingga pada setiap artikel secara otomatis akan terlihat berapa banyak link yang dishare pada kedua
layanan online social networking tersebut (
Twitter dan
Facebook).
Berikut ini adalah
tutorial cara pemasangannya di
blog, khususnya Blogger/Blogspot.
Pilihan Kode Widget Share Twitter dan Facebook
Silahkan lihat-lihat dulu pilihan widget share yang disediakan oleh TweetMeme (untuk widget Twitter) dan widget share Facebook. Nanti kodenya akan ditempatkan pada template blog:
Kode Widget Share Twitter (TweetMeme)
KODE-TWEETMEME-1 (kotak)
<a name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
KODE-TWEETMEME-2 (memanjang)
<script type='text/javascript'> tweetmeme_style = 'compact'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>
Kode Widget Share Facebook
KODE-FACEBOOK-1 (kotak)
<a title='Share on Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
KODE-FACEBOOK-2 (memanjang)
<a title='Share on Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
Cara Memasang Kode Widget Share Pada Template Blogger
Catatan
Untuk memasang widget tersebut (TweetMeme dan Facebook), kita tidak perlu menggunakan akun Twitter atau Facebook. Bahkan kita tidak harus punya akun di Twitter atau Facebook, karena tombol itu secara otomatis akan membaca URL artikel kita dan menunjukkan angka link sharenya yang tidak tergantung pada akun kita, jadi sebenarnya bisa dipasang di blog/situs mana saja.
Kode di atas adalah untuk pemasangan pada bagian atas artikel sebelah kanan. Kalau mau ditaruh di kiri, ganti kode style pada tag div menjadi:
<div style='float:left; margin:0 10px 10px 0;'>
Kalau ingin memasang widget secara memanjang (menyamping), hilangkan tag
<br />
. Atau coba experimen sendiri aja ya
, kan nanti bisa direview dulu sebelum disave.
Bagi-bagi...
.