oke.. kali ini saya akan memberikan tutorial bagaimana Cara menambah kotak komentar facebook di blogger
 |
| Kotak Komentar Facebook di Blogger |
langsung saja tanpa panjang lebar kali tinggi bagi dua :D
Cekidot...!!!! :D
- Buka Blogger kalian http://blogger.com
- Lalu Pilih Template => Edit HTML
- Buka Developer Facebook di Sini => KLIK INI Guys.. nanti akan muncul seperti ini
- Jika belum punya ID Facebook Developer, daftar terlebih dahulu di menu "My App"
- Pilih "+add new app"
- Nanti akan muncul tampilan seperti ini
- Pilih bebas, kalau saya pilih " Facebook Canvas "
- Isi dengan nama ( terserah ) misalkan punya aku "DxRoot Indonesia" terus klik " Create New Facebook App ID "
- Nanti akan muncul seperti gambar dibawah ini, Jika ingin memberi Kategory, silahkan klik "Kategory" terus pilih salah satu terus klik " Create Add ID "
- Lalu Klik " Skip Quick Start " saja
- Nanti akan muncul seperti gambar dibawah ini
- Copy Link kalian ( diatas )
- Klik link dibawah ini => Comment
- Scroll sedikit kebawah Pilih " Social Plugin " Lalu " Comment "
- Isi " URL to Comment on " dengan Link yang sudah kalian Copy tadi, paste di kolom tersebut
- Jika ingin mengatur lebar silahkan isi "Width" atur tampil komentarnya di " Number of Post " terus pilih " Color Scheme " setelah itu klik " Get Code "
- Nanti akan muncul seperti dibawah ini
- Copy script yang pertama
- Klik Blogger kalian, klik di kolom script, terus cari kode ( ctrl+f ) " < body > " pastekan script yang sudah kalian Copy tadi tepat diatas " <body> "
- Kembali ke Facebook tadi, Copy script yang kedua ( yang bawah ).
- Kembali ke blogger, Cari code script lagi " <div class='comments' id='comments'> " Paste Script tersebut tepat diatas " <div class='comments' id='comments'> "
- Simpan
- Biasanya untuk Blogger terbaru akan muncul tulisan " Kesalahan saat mengurai XML, baris 710, kolom 62: The reference to entity "appId" must end with the ';' delimiter. Sembunyikan pemberitahuan "
- Copy script yang salah dan disorot tersebut seperti contoh " js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=1417137311916238&version=v2.0"; " copy saja saya beri warna merah.
- Buka link ini => OKE
- Paste di kolom tersebut lalu di "Parse"
- Copy script yang sudah di "Parse" tersebut lalu Paste di blog yang code tadi saya beri warna merah.
- Simpan
- Success... :D