Pada malam ini saya akan membahas tentang cara membuat kotak komentar facebook yang berbeda-beda di setiap postingan blog.
Ini merupakan widget yang berbeda dari yang di sediakan oleh Facebook... Maksudnya, jika kita mengambil 'widget komentar' langsung dari facebook, maka komentar akan bercampur di setaip postingan blog.
Contoh :
- Jika kita membuat komentar di salah satu postingan blog, maka komentar itu akan ada di semua postingan yang pernah kita buat.
Mohon teman-temandi ikuti langkah-langkah dibawah ini =
- Membuat Apps di Facebook - klik disini. Kemudian akan tampil seperti gambar di bawa ini =
Yang disi cuma app name, isi sesuai keperluan. App Namespace bisa juga disi dengan judul blog kita (opsiaonal). Lalu klik "Lanjutkan". - Setelah itu akan muncul kode verifikasi, isikan saja sesuai dengan yang tertera. Dan jika teman2 dihantarkan pada halaman seperti gambar dibawah ini, itu artinya teman berhasil membuat app (Gambar 2).
Yang dilingkari itu (App ID) yang kita perlukan agar ada notifikasi saat pengunjung berkomentar di artikel blog.
Isikan sesua dengan milik teman2. Untuk "App Domain" bisa diisi dengan www atau tanpa www. (contoh : www.dusunblog.com atau cukup dusunblog.com) Dan untuk teman2 yang masih menggunakan blogspot, disitu masukkan "blogspot.com" (tanpa tanda petik).
Di Website with Facebook Login isikan alamat blog teman2 lengkap mulai dari "http". Setelah selesai klik simpan. - Pergi ke Blognya - Klik Disini > Jika sudah, lalu klik Template > Centang ekpand template widget > lalu cari code <b:includable id='status-message'> untuk mempercepat tekan pencarian tekan CTRL + F. > Letakkan kode dibawah (kode komentar facebook untuk setiap postingan) ini diatas </b:includable>
Jika ada kode </b:includable> yang lebih dari satu, letakkan kode komentar facebook di atas kode : </b:includable> yang paling dekat dengan kode-kode element posting.
ini codenya =
<b:if cond="data:blog.pageType == "item""> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if> - Setelah kode terpasang seperti yang saya jelaskan di atas tersebut, dan masih dalam area kode HTML (Setting -> template -> Edit HTML) selanjutnya tambahkan meta berikut ini di bawah <head> dan sebelum </head>. Saya sendiri meletakkannya dibarisan paling bawah meta blog, seperti meta keyword, meta deskripsi, meta webmaster dan sebagainya. Berikut kodenya :
<meta property="fb:admins" content="ID Facebook"/>
Yang berwarna biru diganti dengan : ID Facebook ganti dengan ID Facebook kawan sedusun yang bisa ditemukan di alamat ini : https://developers.facebook.com/tools/explorer Ambil nomor ID yang tertera disitu.
<meta property="fb:app_id" content="App ID"/>
Dan untuk App ID ganti dengan nomor App ID yang diberikan facebook setelah kamu membuat app tadi. Selesai dan klik simpan template.
Dua meta diatas itulah yang membuat komentar pengunjung di artikel melalui kolom komentar facebook akan ada pemberitahuannya di akun facebook kita. - Agar pemberitahuan masuk ke akun facebook kita, jangan lupa memasukkan nama teman2 sebagai moderator untuk app ini. Caranya masuk ke alamat ini :https://developers.facebook.com/tools/comments klik setting (pojok sebelah kanan). Lalu tuliskan nama facebook agan, atau siapapun yang kamu inginkan menjadi moderator komentar facebook tersebut, pas muncul nama dibawahnya langsung saja klik (lihat gambar dibawah ini).
Postingan
0 komentar:
Posting Komentar