Memasang Widget Share Facebook di Blog

"Om Swastiastu"

Akhir-akhir ini semakin banyak blog atau website yang memasang widget share on facebook di postingannya. Kenapa demikian? Karena dengan memasang widget share on facebook, kita dapat memberikan fasilitas kepada pengunjung blog kita untuk membagikan artikel yang mereka baca diblog ke halaman facebook mereka. Sehingga teman-teman mereka di facebook menjadi tahu artikel-artikel yang apa saja dibaca si pembagi ini. Siapa tahu ada info menarik, kalian bisa membagikannya kepada teman kalian di facebook hanya dengan mengklik tombol share on facebook tersebut. Contohnya, kalian bisa melihat dipojok kanan atas postingan ini. Tepat dibawah judulnya, terdapat kotak share on facebook. Bentuknya seperti yang terlihat digambar diatas. Tapi kalian mesti membaca keseluruhan artikel IT Programmer dulu untuk dapat melihat kotak share on facebook tersebut, atau klik link READMORE. Nah, apabila kalian mengklik kotak tersebut, maka kalian akan langsung dibawa ke halaman berbagi di facebook. Dan artikel ini akan langsung dapat dilihat di facebook. Menarik bukan?

Selain itu, link blog kita juga akan muncul di halaman facebook, sehingga memungkinkan lebih banyak pengunjung datang melalui facebook. Nah, jika kalian para bloggers ingin memasang widget seperti itu dihalaman blog kalian, caranya sangat mudah, cukup dengan menambah beberapa kode. Mau tahu caranya? Baca artikel ini selengkapnya. Hehe, karena artikel ini panjang, jadi agar loading blognya cepat saya pake fasilitas readmore.

Pertama pasang kode berikut tepat diatas kode <p><data:post.body/></p> :

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; padding:0 0 10px 10px;'>
kode widget facebook
</div> </b:if>

Kode diatas bertujuan untuk meletakkan widget facebook disisi kanan atas postingan dan agar tidak mengganggu isi dari postingan. GANTI tulisan berwarna merah dengan kode widget share on facebook berikut:

Berikut adalah kode-kode widget share on facebook.

Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:

 <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:

 <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Kalian dapat mengganti tulisan berwarna orange sesuka hati kalian, tapi jangan terlalu panjang karena akan menyebabkan ketidaknyamanan dalam penglihatan. Saya sendiri menggantinya dengan kata "share". Silahkan dicoba, semoga berguna dan bermanfaat. ^_^

"Om Santhi, Santhi, Santhi, Om"