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.