Penulis
Tips kali ini saya ingin share bagaimana membuat kotak komentar facebook
di blog. Oke, tanpa perlu banyak basa-basinya mari kita coba.
Note: Untuk mendapatkan cara terbaru lihat postingan Cara Mudah Membuat Kotak Komentar Facebook di Blog.
langkah-langkahnya
1. Login terlebih dahulu ke blog sobat
2. Kemudian pilih Rancangan > Edit HTML.
3. Download terlebih dahulu template anda untuk berjaga-jaga apabila terjadi kesalahan dalam pengetikan.
4. Kemudian cari kode <data:post.body/> (tekan Ctrl+F untuk mempercepat pencarian). Copas kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=id apps anda&xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='7' width='500'/>
</b:if>
Keterangan.
* Ganti kode yang berwarna merah dengan Id aplikasi facebook anda. Apabila anda belum mempunyai akun aplikasi facebook silahkan daftar disini http://developers.facebook.com/setup
* numposts='7' adalah jumlah komentar yang tampil
* width='500' : lebar ukuran kotak komentar
5. Lanjut sob, cari kode <b:skin><![CDATA[/ . Kemudian Copas kode dibawah ini di atas kode tadi.
<meta content='id Profile facebook Anda' property='fb:admins'/>
<meta content='id aplikasi facebook Anda' property='fb:app_id'/>
catatan :
id Profile facebook Anda, bisa Anda dapatkan pada halaman profil facebook Anda. Silahkan klik tab Profile Facebook Anda, kemudian perhatikan url yang tertera di address bar (lihat gambar 1 yang diberi kotak warna merah).
id aplikasi facebook Anda : dapat anda temukan ketika pertama kali mendaftar akun aplikasi facebook (gambar 2)
6. Kemudian klik Simpan.
Untuk melihat hasilnya silahkan buka salah satu postingan sobat dan lihat di kolom komentar. Apabila sobat memiliki pertanyaan seputar tips diatas atau merasa kesulitan silahkan berkomentar di bawah kotak komentar posting ini. Selamat mencoba dan Good Luck. [mariozoner]
langkah-langkahnya
1. Login terlebih dahulu ke blog sobat
2. Kemudian pilih Rancangan > Edit HTML.
3. Download terlebih dahulu template anda untuk berjaga-jaga apabila terjadi kesalahan dalam pengetikan.
4. Kemudian cari kode <data:post.body/> (tekan Ctrl+F untuk mempercepat pencarian). Copas kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=id apps anda&xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='7' width='500'/>
</b:if>
Keterangan.
* Ganti kode yang berwarna merah dengan Id aplikasi facebook anda. Apabila anda belum mempunyai akun aplikasi facebook silahkan daftar disini http://developers.facebook.com/setup
* numposts='7' adalah jumlah komentar yang tampil
* width='500' : lebar ukuran kotak komentar
5. Lanjut sob, cari kode <b:skin>< |
| Gambar 1. id profil facebook |
 |
| Gambar 2. id Aplikasi facebook |
6. Kemudian klik Simpan.
Untuk melihat hasilnya silahkan buka salah satu postingan sobat dan lihat di kolom komentar. Apabila sobat memiliki pertanyaan seputar tips diatas atau merasa kesulitan silahkan berkomentar di bawah kotak komentar posting ini. Selamat mencoba dan Good Luck. [mariozoner]
EmoticonEmoticon