Cara Tepat Memasang Komentar Facebook Di Blog" memiliki banyak kelebihannya,sebab itu saya sebut cara tepat....hehehe
sebelum lebih jauh membahas tutorialnyanya,mari simak dulu kelebihannya....
Kelebihan Cara Tepat Memasang Komentar Facebook Di Blog :
# Kita bisa melihat atau mengetahui komentar facebook terbaru yang masuk pada postingan blog.
# Kita juga bisa mengatur komentar facebook yang masuk baik itu,menghapus,memoderasi atau menampilkan berapa komentar yang kita inginkan saja.
Caranya : klik "Settings" kemudian klik "Moderate application comment"
lihat contoh gambar di bawah ini
klik gambar untuk gambar untuk melihat lebih jelas
Setelah klik "Moderate application comments" kita akan dibawa masuk pada halaman Facebook developers "Comment Moderation Tool"
lihat contoh gambar dibawah ini
pada halaman "Comment Moderation Tool" klik "Moderator View"
nah dari situlah kita bisa mengatur komentar facebook yang masuk,menghapus,memoderasi atau menampilkan berapa komentar yang kita inginkan saja.
kita juga bisa kembali ke posting blog dengan mengeklik "Visit Website" yang berada dibawah komentar tersebut.
Pilihan ditangan anda,mau pakai "Cara Mudah Memasang Kotak Komentar Facebook Di Blog" atau mau pakai "Cara Tepat Memasang Komentar Facebook Di Blog" monggoh silahkan.
Untuk tutorialnya "Cara Tepat Memasang Komentar Facebook Di Blog"
silahkan sobat ikuti langkah-langkah di bawah ini :
Namun sebelumnya sobat harus mempunyai aplikasi facebook sobat sendiri.
Caranya :
# Login dengan Account facebook Anda,kemudian masuk pada "Facebook Developers" atau sobat juga bisa masuk DISINI.
# Isi nama aplikasi sesuai dengan nama yang sobat mau contoh "komentar facebook" atau nama yang lainnya.
# Klik atau Centang setuju,kemudian klik "Buat aplikasi baru".
# Masukan verifikasi kata dan klik submit.
# Setelah proses selesai catat no ID aplikasi yg kamu buat tadi.
Oke disini saya anggap sobat sudah mempunyai ID aplikasi facebook sendiri,langkah selanjutnya adalah memasang komentar facebook di blog.
Caranya :
Masuk ke blogger,pilih Design / Rancangan,pilih Edit HTML
Download template full dan Expand Widget template,untuk menghindari kemungkinan gagal karena kesalahan memasang kode.
1. Cari kode yang mirip seperti kode dibawah ini,letakkanya paling atas pada susunan kode html blog sobat.
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
kemudian tambah atau masukan kode dibawah ini kedalam kode diatas tersebut.
xmlns:fb='http://www.facebook.com/2008/fbml'
sehingga kode menjadi seperti contoh dibawah ini
<html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
2. Letakkan kode berikut tepat dibawah kode <body>
<div id="fb-root"></div><script>window.fbAsyncInit = function() {FB.init({appId : 'APP ID FB KAMU',status : true, // check login statuscookie : true, // enable cookies to allow the server to access the sessionxfbml : true // parse XFBML});};
(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());<fb:comments/></script>
(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());<fb:comments/></script>
Keterangan : Ganti text "APP ID FB KAMU" dengan nomer ID aplikasi facebook yang telah sobat buat tadi.
3. Cari kode <title><data:blog.title/></title>
kode ini letakknya diatas juga,atau bagi sobat yang sudah memasang meta tag,bisa juga memasang kode di bawah kode meta tag.
berikut kodenya :
<b:if cond='data:blog.pageType == "item"'><meta expr:content='data:blog.pageTitle' property='og:title'/><meta expr:content='data:blog.url' property='og:url'/><b:else/><meta expr:content='data:blog.title' property='og:title'/><meta expr:content='data:blog.homepageUrl' property='og:url'/></b:if><meta content='NAMA BLOGMU' property='og:site_name'/><meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/><meta content='YOUR-APP-ID' property='fb:app_id'/><meta content='PROFIL ID FB' property='fb:admins'/><meta content='article' property='og:type'/>
Keterangan : Ganti text NAMA BLOGMU dengan nama blog sobat.
Ganti text "YOUR-APP-ID" dengan nomer aplikasi facebook yang sobat buat tadi.
Ganti "PROFIL ID FB" dengan nomer ID profile facebook sobat.
4. Cari kode <data:post.body/> dan letakkan kode berikut dibawahnya.
<b:if cond='data:blog.pageType == "item"'><p align='crnter'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Blog</p><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='5' width='450'/></div></b:if>
Keterangan : Ganti text "dark" dengan dengan warna lain yang kamu suka.
pada num_posts='5' ganti angka 5 atau sesuaikan menurut yang sobat inginkan.
pada width='450' atur lebar kolom komentar sesuai lebar kolom komentar blogmu.
5. Selesai,klik preview atau pratinjau,jika tidak ada kesalahan pemasangan kode klik save atau simpan dan lihat hasilnya.
Lebih Menarik Lagi:
1 Comments