Membuat widget komentar facebook di blog ~ Ishare

Membuat widget komentar facebook di blog

setelah beberapa bulan pakai template bawaan dari blog, kemarin sekitar pertengahan pebruari rasa nya ingin juga ganti template yang baru, akhrinya coba lah searcing template ini, setelah di pasang ternyata work, pas banget sama keinginan. tapi ternyata ada beberapa widget yang hilang, salahsatu nya kotak komentar
blog padahal kotak komentar merupakan salahsatu komponen yang sangat penting untuk blog kita.
akhirnya coba lah tanya sama omgoogle buat mencari cara menampilkan kotak komentar blog, setelah beberapa saat dapat ide baru gimana kalau kotak komentar nya di ganti dengan widget kotak komentar facebook. tanya lagi deh sama om google, akhirnya ketemu juga tutorial nya. 
berikut beberapa tips dan trik untuk membuat widget komentar facebook di blog kita.

1.Pertama kunjungi:
developers.facebook.com/docs/plugins/

2.Selanjutnya pilih 'Comments' pada pilihan widget,lihat gambar:

komentar facebook blogger blog.


3.Nanti akan keluar konfirmasi seperti ini,tentukan pilihan sobat sendiri dan klik 'Get Code':
 4.Akan tampil dua kode script yang facebook berikan,seperti gambar dibawah ini (Kolom 1 untuk kode pertama,kolom 2 untuk kode yang kedua):


5.Tugas sobat,sekarang copy kode yang pertama,seperti gambar ini:
cara memasang facebook comments.


6.Setelah itu,masuk ke akun blogger sobat lalu pilih Tata Letak kemudian contreng tulisan Expands Widget Templates.

Setelah itu cari kode <body> gunakan Ctrl+F pada keyboard untuk mempermudah pencarian,setelah sobat menemukan kode <body> paste-kan atau letakkan persis diBAWAHnya kode pertama yang berhasil kita copy dari facebook tadi,seperti ini:
cara memasang facebook comments into blogger post.

nb : bila error "Kesalahan saat mengurai XML, baris 712, kolom 62: The reference to entity "appId" must end with the ';' delimiter." coba ganti
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=559437627407664";
menjadi
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId;559437627407664";


7.Jika kita sudah menerapkan kode pertama,sekarang kita copy kode kedua,lihat gambar ini:

cara membuat kotak komentar facebook dibawah posting blogger. 
 
8.Setelah sobat berhasil copy kode kedua ini,pilih Tata Letak / Rancangan,dan klik tulisan Add New Widget atau Tambah Gadget,

9.Selanjutnya pilih HTML/Javascript kemudian letakkan kode kedua yang tersebut diatas tadi.

Selamat mencoba

Tidak ada komentar:

Posting Komentar