Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Memasang Kotak Komentar di Blog dari Facebook

Blog itu identik juga dengan komentar. Tulisan yang kita posting bisa dikomentari oleh siapa saja. Ada interaksi antara kita sebagai penulis dan pembaca blog kita. Memang untuk di blogspot sudah ada fitur kotak komentar. Tapi kita bisa memasang kotak komentar dari facebook.

Kenapa menggunakan kotak komentar dari facebook? Sudah kita ketahui bersama, siapa seh yang gak punya akun facebook. Hampir semua orang yang punya email pasti punya facebook. Jadi dengan menggunakan kotak komentar dari facebook akan mempermudah pembaca untuk memberikan komentar. Sehingga akan lebih banyak komentar yang diterima. Selain itu komentarnya juga bisa diposting ke profil facebook yang berkomentar, jadi akan banyak yang tahu dan berakibat traffiknya juga banyak.

Cara Memasang Kotak Komentar di Blog dari Facebook
Membuat aplikasi di facebook

1. Silahkan berkunjung http://developers.facebook.com/setup/


2. Isi, Nama Blog, URL situs, lalu klik Buat Aplikasi
3. Selanjutnya Anda akan diminta untuk mengisi captcha
4. Nah nanti kita akan dibawa ke halaman seperti ini


5. yang kita butuhkan adalah Aplikasi ID

Memasang kotak komentar di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <data:post.body/> atau <div class='post-header-line-1/>
(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://kurniasepta.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1X927eZg5lxjFWNTB8pTOjAw59DXliol1AnH5kaDu9FmWbeb45xYIrwWlVQrbjNaCD_y362THMObOh_uZpdtItGaoag0t9vsMfXIuFQIHAouOUJpwAVjgBemm5X_N_uoY-sJaRnl6eXZi/'/></a></p></div>
<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/>
</div>
</b:if>

Sebelum disimpan, kita ganti ID-APLIKASI dengan Nomor ID aplikasi yang sudah kita buat tadi. Dan kita bisa mengganti warna kotak komentarnya dengan mengganti kode warna ffffff dengan kode warna yang kita inginkan.

6. Simpan Template jika sudah selesai.