Cara Pasang Kotak Komentar/Comment Ala Facebook di Blogger


Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook.

Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook.

Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini

Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :

Pertama, silakan buat aplikasi facebooknya disini : Facebook Develover

1. isi form dengan lengkap seperti contoh diatas.
   untuk kolom URL site, isi URL blog anda, jangan lupa tambahkan backslash "/" diakhir URL agar blog  anda bisa dikonfirmasi.
Contoh : http://serba-seru.blogspot.com menjadi http://serba-seru.blogspot.com/ <=

2. Kemudian ambil ID aplikasi yang sudah diberikan (lihat contoh dibawah)

3. Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.
    Kemudian langsung menuju Design/Rancangan => Klik tab Edit HTML => Centang "Expand            Widget Template".
4. Lalu cari code berikut ini :

<data:post.body/> atau <div class='post-header-line-1/>

Jika sudah ketemu, Paste code berikut ini setelah code diatas  
(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJv2lVkP0TrBGpt4N0STE2q02X3ryUACbQAk7ZvQ5L2vV1C9K6TCf4gnBCRgezQAKu22hOyZEYI-aFhFXZZh7C2PQlCdH2y-Q1igtTyhrvsJbwMVj69-PgCtDBWEd4MWD2Uaysx-OGf1VP/'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script>
<fb:comments/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div>
</b:if>

Ganti tulisan ID-Aplikasi dengan ID Aplikasi yang telah anda buat sebelumnya.
Jika ingin mengganti background untuk menyesuaikan dengan template blog anda, silakan ganti kode warna tulisan yang berwarna biru diatas (#ffffff)

Bagi anda yang hanya ingin menggunakan kotak komentar Facebook saja di blogger tanpa comment form blogger, anda bisa menghilangkan comment form blogger tersebut dengan cara :
Klik Tab Setting/Pengaturan => Comments/Komentar => Klik hide/sembunyikan pada bagian Komentar/Comment

Next Prev

ADMIN

  • " title="This is featured post 1 title
  • " title="
  • Image and video hosting by TinyPic" title="
  • Image and video hosting by TinyPic" title="This is featured post 1 title
  • Image and video hosting by TinyPic" title="

Catching Fire
text alternatif BLOGNYA WONG CIREBON TIMUR, APABILA ADA SARAN DAN MASUKAN YANG MEMBANGUN SILAHKAN KIRIMKAN EMAIL KE ( galang.capricorn@yahoo.co.id ) text alternatif BLOG INI DI DUKUNG OLEH LPK NABILA DAN NABILA NET JALAN RAYA CILENGKRANGGIRANG DEPAN SMP NEGERI 1 PASALEMAN KEC. PASALEMAN KAB. CIREB0Ntext alternatif JANGAN LUPA BERIKAN KOMENTAR KALIAN TENTANG ISI BLOG INI, BERIKAN SARAN DAN MASUKAN YANG MEMBANGUN SEHINGGA ADMIN BISA MEMPERBAIKI KEKURANGAN DARI ISI BLOG INI text alternatif DAN BUAT KALIAN YANG BERUSIA DI BAWAH 17 TAHUN DILARANG MEMBUKA CHANNEL TV DEWASA, text alternatif