Cara Ampuh Pasang Form Komentar Facebook Di Blog

Cara Pasang Kotak/Form Komentar Facebook Di Blog Terbukti Berhasil - Sebagai lanjutan postingan saya sebelumnya tentang cara menonaktifkan form komentar blogspot dan mungkin saja bagi Anda yang ingin menggantinya dengan memasang form komentar facebook di blog Anda tetapi masih bingung caranya, maka kali ini saya akan berikan tipsnya untuk Anda. Cara pasang form komentar facebook di blog ini sudah saya praktekkan sendiri dan terbukti berhasil.

Ok langsung saja ya, simak langkah-langkah cara pasang form komentar facebook di blog berikut ini:

1. Login ke Facebook kemudian Anda harus daftar terlebih dahulu ke aplikasi Facebook disini.

2. Kemudian Anda Klik "Create New App". Kemudian Masukkan Nama Aplikasi anda di "App Display Name". Kemudian Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue". Kemudian Masukkan kode yang tertera, apabila kode benar maka akan muncul tampilan berikut ini:

Isikan pada kolom "App Domain" dan "Website with Facebook Login" dengan alamat blog Anda. Lalu Simpan. Catat nomor Aplikasi ID Anda, seperti yang ditunjukkan di gambar Facebook tersebut. Sampai disini anda telah selesai membuat plugin aplikasi facebook. Sekarang lanjut ke tahap pembuatan komentar facebook di blog.

3. Kemudian login ke Blogger.com dan pilih blog Anda, kemudian masuk ke bagian template kemudian klik Edit HTML. Kemudian cari kode ]]></b:skin>. Setelah ketemu masukkan kode dibawah ini diatas kode ]]></b:skin>:

.comments-page { background-color: #00BFFF;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

4. Kemudian cari kode </head> dan letakkan script berikut ini diatas kode </head> tadi:

function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

Perhatian untuk App ID isi dengan kode App ID yang sudah Anda buat pertama kali tadi, misalnya kodenya adalah 288008727999779.

5. Kemudian cari kode <div class='comments' id='comments'> atau kod sesuai dengan bagian bawah template blog Anda. Kemudian pasang kode berikut ini dibawahnya:

<font color='blue'><b>Anda bisa berkomentar melalui form komentar Facebook dibawah ini:</b></font>
<div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == "item"'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>

    </b:if></div>

6. Setelah itu klik Save Template dan Anda bisa lihat hasilnya. Contohnya seperti berikut ini:

Bagaimana sobat ?, mudah kan. Semoga tips tentang cara pasang kotak komentar facebook di blogspot diatas bermanfaat buat Anda semua para Blogger.