Pages

Diberdayakan oleh Blogger.

Masukkan Kode Menu Di Sini

Memasang komentar dan facebook like di blog Wordpress

memasang komentar dan facebook like di blog
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>
<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>
Sekarang kita tinggal memasukkan kode script untuk Facebook Like dan Facebook Komentar

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; ?>
<div data-href=”<?php echo get_permalink( $post->ID ); ?>” data-send=”false” data-width=”700″ data-show-faces=”true”></div>
<?php the_content(); ?>
Beberapa parameter yg ada di kode Facebook Like itu juga bisa diubah sesuai keinginan kita.

# 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 comments_template( ”, true ); ?> lalu pastekan kode script dibawah ini sebelum kode php comment template diatas
<?php global $post; ?>
<div data-href=”<?php echo get_permalink( $post->ID ); ?>” data-num-posts=”10″ data-width=”700″></div>
Beberapa parameter yg ada di kode Facebook Comment itu juga bisa diubah sesuai keinginan kita.

# 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
 

Mengenai Saya

Popular Posts

SELAMAT DATANG DI BLOG INI....
Saat ini saya sedang mencoba ikut beberapa kontes SEO untuk menguji pengetahuan saya tentang SEO...Mohon dukungan teman-teman untuk artikel saya yang ada pada menu di atas ya...

Artikel Terbaru

FBI-BET.COM TARUHAN BOLA CASINO SBOBET ONLINE BONUS 100% ALL PRODUK
kontes SEO fbi-bet.com taruhan bola casino sbobet online bonus 100% all produk mempertandingkan posisi banner pada Google Image Search. Mohon dukungannya

attribut