Sehubungan dengan pertanyaan temen blogger di form comment di artikel Facebook Comments Box untuk Blogger - Blogspot saya sengaja bikinkan tutorial untuk Comment Box Facebook Baru untuk Blogger.
Permasalah yang sekarang muncul jika menggunakan Comment Facebook untuk
Blogger - blogspot adalah munculnya warning (peringatan) dari script
comment facebook tentang keterkaitan permanen link yang kadang tidak
sesuai, sehingga pada comment facebook muncul peringatan.
Bagi temen-temen yang udah pernah mesang Facebook Comments Box untuk Blogger - Blogspot
Pake cara lama hanya tinggal mengganti script sebagian saja. Jika untuk
para pengguna baru anda langsung saja buat sebuah aplikasi di facebook
developer menggunakan account facebook anda.
Selanjutnya Create New App . Isi Nama Aplikasi >> Centang bagian agreement ( App NameSpace ngga usah di isi) >> Next / Lanjut >> Masukkan Kode Captcha
Selanjutnya Edit Bagian Aplikasi yang telah terbuat .
Setting 1. App Domain ( dengan domain blog anda misal donaalfian.blogspot.com atau namadomain.com ), 2. Pilih Kategori (Misal News, Health dll), 3. Site URL ( Isi dengan alamat lengkap blog anda contoh http://donaalfian.blogspot.com ), 4. Simpan / Save Aplikasi. (*Catat ! App ID anda dan ID Profile Facebook anda untuk step selanjutnya " gunakan menu Use Graph API Explorer untuk melihat ID Profile Facebook anda")
Setelah selesai baru kita letakkan skrip di Template Blog Kita. Bagi
yang udah pernah setting Facebook Comment Box (tutorial lama) hanya
tinggal mengganti sebagian Skrip saja. yang baru pasang lanjutkan proses
pemasangan Skrip di template blogspot anda. Sebelum menambahkan skrip
simpan dahulu template anda supaya kalo ada kesalahan dalam pemasangan
bisa di restore kembali.
Masuk di Halaman Edit Template Blogger (Blogger Dashboard) : Design >> Edit HTML dan centang [√] Expand Widget Templates.
Step 1. Tambahkan kode ini setelah kode <html
xmlns:fb='http://www.facebook.com/2008/fbml'
sehingga kodenya menjadi seperti ini
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..
2009/gml/expr' >
Step 2 : Cari kode </head>
paste kode berikut sebelum </head>
<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='NamaBlogAnda' property='og:site_name'/>
<meta content='IdAppAnda' property='fb:app_id'/>
<meta content='ProfileIdAnda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Jangan lupa mengganti tulisan:
- Nama Blog Anda : isi dengan nama blog anda (http://bloganda.blogspot.com) atau http://domainanda.com
- idAppAnda : isi dengan kode Aplikasi Anda.
- Profile Id : isi dengan profil facebook anda
* Untuk mengetahui id profile kita dibagian App Developer bisa pilih menu Use Graph API Explorer nanti kita bisa ngeliat Profile ID Facebook Kita.
Step 3 : Cari kode <body>
kemudian pastekan kode di bawah ini setelah kode <body>
<div id='fb-root'></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = '//connect.facebook.net/id_ID/all.js#xfbml=1&appId=IdAppAnda';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step 4 : cari kode <data:post.body>
- pastekan kode berikut setelah <data:post.body>
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='2' data-width='500' expr:data-href='data:post.url'/>
</b:if>atau paste sesuai dengan keinginan anda, Lalu Simpan Template Blogger anda. SELESAI ! ;).
Untuk temen temen yang udah pernah menggunakan tutorial Facebook Comments Box untuk Blogger - Blogspot (tutorial lama) hanya mengganti skrip Step 4 (tutorial lama) dengan Step3 (tutorial baru) dan Step 6 (tutorial lama) dengan Step 4 (tutorial baru). Hasil dan contoh bisa dilihat Comment Box Facebook Baru untuk Blogger - Blogspot di Dona Alfian Blog
dan dijamin peringatan dari facebook akan hilang :D. Selamat mencoba
jika ada kesulitan silahkan bertanya. dan tunggu selalu
tutorial-tutorial dari Dona Alfian Blog selanjutnya.
0 komentar:
Your comment / Comment Box Facebook Baru untuk Blogger - Blogspot