Bagaimana cara memasang komentar dan like facebook di blog? Berikut ini Tips cara menambahkan fitur Facebook Like dan Facebook Comments di situs kita, gak perlu pake plugin, karena akan lebih ringan tanpa menggunakan plugin. Berikut ini caranya :
1. Agar Fungsi Facebook Comment dan Like Facebook dapat berjalan, sebelumnya kita harus menambahkan script Facebook Connect ke Theme kita.
Sebelumnya kita masuk ke http://developers.facebook.com/setup/ dan buat aplikasi baru, tinggal ikuti petunjuk yang ada sampai kita dapat App Id nya.
2. Masuk ke editor theme lalu buka Header.php, lalu masukkan kode dibawah setelah kode .<body> Jangan lupa untuk mengganti kata ganti dengan ID APP anda dg ID Aplikasi yg kita dapatkan di Facebook Developer tadi:
<div id=”fb-root”></div>Sekarang kita tinggal memasukkan kode script untuk Facebook Like dan Facebook Komentar
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1&appId=ganti dengan ID APP anda“;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
3. Masuk ke editor theme lalu buka single.php, cari dimana posisi anda mau menaruh script Facebook like nya, jika diatas postingan cari kode .
<?php the_content(); ?> lalu tambahkan script dibawah ini<?php global $post; ?>Beberapa parameter yg ada di kode Facebook Like itu juga bisa diubah sesuai keinginan kita.
<div data-href=”<?php echo get_permalink( $post->ID ); ?>” data-send=”false” data-width=”700″ data-show-faces=”true”></div>
<?php the_content(); ?>
# data-send=”false”: Ganti false menjadi true untuk menampilkan tombol Send setelah tombol Like.
# data-width=”700? : Ganti 700 dg lebar Facebook Like. Sesuaikan lebarnya dg theme yg kamu pakai.
# data-show-faces=”true” : Ganti true menjadi false untuk menyembunyikan foto teman yg memberikan Like.
Jika anda ingin menaruh dibawah, tinggal di sesuaikan saja, misalnya di bawah tag atau sebelum form komentar.
4. Untuk Facebook Komentar, Masuk ke editor theme lalu buka single.php, cari
<?php global $post; ?>Beberapa parameter yg ada di kode Facebook Comment itu juga bisa diubah sesuai keinginan kita.
<div data-href=”<?php echo get_permalink( $post->ID ); ?>” data-num-posts=”10″ data-width=”700″></div>
# data-num-posts=”10? : Jumlah maksimum Facebook Comments yg hendak ditampilkan. Jika komentar lebih dari nilai maksimal, maka akan disembunyikan dan akan diganti link untuk melihat lebih banyak seperti di Facebook.
# data-width=”700? : Lebar form Facebook Comments yg bisa disesuaikan dg lebar theme kamu.
Sampai disini anda sudah bisa memasang komentar dan like facebook di blog anda. Tinggal mempromosikan blog kamu.
Dapatkan tips Social Network lainnya di Rozy
Tidak ada komentar:
Posting Komentar