Ihgilailmam: Membuat Kotak Komentar Blog Dari Facebook

Membuat Kotak Komentar Blog Dari Facebook

Posted in Label: Facebook |

Blog itu lengkap juga dengan ditambahkan komentar. Artikel yang kita tulis dapat dikomentari oleh siapa saja. Dan ada interaksi antara kita sebagai penulis dan pembaca blog kita. Memang sih untuk di blogspot juga sudah ada fitur kotak komentar. Tapi kita bisa memasang kotak komentar yang berasal dari facebook. Itu bagus kan ? yang pastinya .

Sudah kita ketahui bersama,siapa sih yang gak punya akun yahoo? semua orang yang punya akun yahoo pasti punya akun facebook kan ? jadi dengan menggunakannya kota komentar dari facebook ini yang pasti akan lebih mempermudah pembaca untuk membaca artikel tersebut dan pasti akan memperbanyak traffic.

Cara Membuat Kotak Komentar Blog dari Facebook
dengan Membuat aplikasi di facebook
1. Silahkan datang ke http://developers.facebook.com/setup/

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

5. yang kita perlu 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 == "item"'>
<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/AVvXsEiwL18ZPV0DumreNjInVM-rL3Qt7A8prI6M4a4NcB9Tsye1r-9eD9VDPVQv7HSJHqVQgpd4jvk6TDSPSDO1s3W-FvTume5ZxLbS3T0kFh1wF-nH5Bnf8r_iUdv214KDbz103y8qOrcT6IfT/'/></a></p></div>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
<fb:comments/>
</div>
</b:if>

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

6. Simpan Template jika sudah selesai.

Terimakasih semoga bermanfaat

Read Users' Comments (0)