Home Facebook Trik Tutorial Cara Tepat Memasang Komentar Facebook Di Blog

Cara Tepat Memasang Komentar Facebook Di Blog

Reo Adam Facebook, Trik, Tutorial 12:13 107

Cara Tepat Memasang Komentar Facebook Di Blog

Sebelum ini saya pernah berbagi tutorial Cara Mudah Memasang Kotak Komentar Facebook Di Blog,dan untuk kali ini pula saya akan berbagi tutorial yang hampir sama tentang pemasangan komentar facebook di blog.namun untuk tutorial kali ini bolah dibilang cara yang lebih tepat untuk pemasanganya.

Loh.....,apakah cara yang dulu sudah tidak bisa lagi?

untuk tutorial yang dulu (Cara Mudah Memasang Kotak Komentar Facebook Di Blog) masih bisa kok,dan masih berfungsi,cuma untuk tutorial yang sekarang ini "Cara Tepat Memasang Komentar Facebook Di Blog" memiliki banyak kelebihannya,sebab itu saya sebut cara tepat....hehehe

Oklik 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

Cara Tepat Memasang Komentar Facebook Di Blog

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

klik gambar untuk gambar untuk melihat lebih jelas

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.

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

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 status
cookie : true, // enable cookies to allow the server to access the session
xfbml : 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>

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.

Demikan tadi tutorial "Cara Tepat Memasang Komentar Facebook Di Blog" semoga bermanfaat.
Salam blogger.....

Salam kenal Pak Reo Adam, saya sudah memasang komentar fb di blog baru saya dengan cara yang kurang lebih sama dengan cara anda di atas, yaitu membuat app terlebih dahulu di developer facebook. Komentar fb pun bekerja dengan baik di blog saya, hanya saja ada satu permasalahan kecil yang ingin saya tanyakan pak.

Saya tidak mendapat pemberitahuan via email untuk komentar yang baru masuk di blog saya (saya memakai metode komentar fb langsung muncul tanpa moderasi terlebih dahulu). Apakah ada saran pak agar saya bisa mengetahui komentar yang baru masuk dari email seperti blogger ?.

Mohon di bantu ya pak. Terima kasih.

Cara Tepat Memasang Komentar Facebook Di Blog

Reo Adam Facebook, Trik, Tutorial 12:13 107

Share this:

Related Posts:

107 komentar