Cara Pasang Tombol Like Facebook, Twitter, Google Plus di Setiap Postingan

Ini dia tools yang menjadi favorit para blogger. Tombol "Like" Facebook, Twitter dan Google Plus. Tenambahan fasilitas Like ini tentunya bisa memudahkan pemilik blog untuk melihat respon pengunjung terhadap konten yang dimuat.

Lha kan bisa lihat Stats Traffic aja bo.

Ya, walaupun itu tools yang baik buat melihat trafik, paling tidak kan dengan penambahan fasilitas button Like ini kita bisa melihat antusiasme pengunjung dengan mengklik tombol "Like" Facebook, Twitter dan Google plus bisa lebih signifikan dong. Mereka menyukai atau tidak terhadap konten kita, bisa kita lihat dari banyaknya Likers, Commentator dan Histat.

Trus gimana dong pasangnya ?

Mudah kok, cukup Copas aja script di bawah ini dan letakkan di tempat yang kalian inginkan, mau ditaruh di atas konten, atau di bawah konten. Bebas, semua tergantung pada pilihan kalian. Tapi lebih efisien kalau di atas karena saat pengunjung membuka konten kita, mereka sudah bisa melihat secara langsung lokasi fasilitas tombol "Like" Sosial Media. Dan di bawah juga bisa kok saat pengunjung selesai membaca konten kita sampai habis.

Ini adalah script tombol Like Facebook, Twitter dan Google plus yang bisa kalian copas sekarang juga.

1. Script diletakkan sebelum kode   </body> 

<!-- Asynchronous Javascript Loading for Facebook, Twitter, G+ -->
<script type='text/javascript'>
//<![CDATA[
/*
* Async Sharing Buttons (G+, Facebook, Twitter)
* http://www.narga.net
*/
(function(doc, script) {
var js, fjs = doc.getElementsByTagName(script)[0],
frag = doc.createDocumentFragment(),
add = function(url, id) {
if (doc.getElementById(id)) {
return;
}
js = doc.createElement(script);
js.src = url;
id && (js.id = id);
frag.appendChild(js);
};
// Google+ button
add('http://apis.google.com/js/plusone.js');
// Facebook SDK
add('http://connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk');
// Twitter SDK
add('http://platform.twitter.com/widgets.js');
fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));
//]]>
</script>
<!-- End Asynchronously Javascript -->

2. Script tombol like Facebook, Twitter, Google Plus :

<!-- Google+ -->
<div class='g-plusone' data-count='true' data-size='medium' expr:href='data:post.url'/>
<!-- Twitter -->
<a class='twitter-share-button' data-count='horizontal' expr:data-url='data:post.url' href='https://twitter.com/share' style='float: left;'>Tweet</a>
<!-- Facebook -->
<div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='1' expr:data-href='data:post.url'/>

3. Jika kalian ingin meletakkannya tepat di atas setiap postingan, letakkan kode nomor 2 di atas sebelum kode di bawah ini :

<data:post.body/>

Dan jika kalian ingin menampilkan tombol tadi di bawah setiap postingan, letakkan kode tombol socmed setelah kode di atas tadi.

Mudah kan. Silahkan jika kalian ingin langsung mempraktekin. Sebaiknya kalian backup dulu template kalian sebelum menerapkan trik kali ini. Tujuannya untuk menghindari kesalahan fatal dan script hilang atau apapun akibat human error.

Semoga trik ini bermanfaat. Tolong like ya kalo kalian dapet manfaat di sini.