Cara Membuat Kotak Komentar Blogspot Seperti Di Facebook

Exclusive, Integrate Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed ( Full Guide ).
Ini adalah fitur yang paling ditunggu oleh pengguna blogger. Sekarang mari kita melakukannya, saya tahu bahwa  Anda pasti ingin mencoba menambahkannya ke blog blogger, tAnda akan melihat bagaimana cara menambahkan kotak tersebut dengan  mudah dan 100% berhasil. Tetapi harap berhati-hati dan memperhatikan semua rincian yang ada.
Langkah 1. Nonaktifkan Default Komentar.Hal pertama yang harus Anda lakukan adalah menonaktifkan komentar default blogger  karena Anda tidak ingin memiliki 2 bentuk komentar.
Ke account blogger Anda, navigasikan ke Pengaturan>> Komentar>> pilih Sembunyikan, kemudian gulir ke bawah dan klik Simpan.


Langkah 2. Ciptakan Facebook App ID.Sekarang Anda harus menciptakan facebook app id Anda sendiri, kunjungi saja facebook developers.Isi Nama Situs dengan blogspot.com dan isi URL Situs dengan alamat blog anda, kemudian klik Buat Aplikasi.Pada halaman berikutnya, akan terlihat ID Aplikasi anda, salin atau copy ID tersebut, karena akan diperlukan pada langkah selanjutnya.
Langkah 3. Menambah kode di template
Anda harus menambahkan kode berikut ke template blogger Anda untuk memastikan bahwa kotak komentar akan berfungsi untuk blog Anda. Di langkah ini kita akan menambahkan kode berikut :

• xmlns attribute
• SDK script
• Open Graph protocol tags

• Adding the xmlns attribute :

Silahkan buka account blogger Anda lagi, dan arahkan ke, layout>> edit>> html dan centang Expand Widget Templates, temukan kode berikut :

Anda akan menemukannya di atas kode Anda pada baris kedua atau ketiga, lalu tambahkan kode berikut :

xmlns:fb='http://www.facebook.com/2008/fbml'

Anda harus memasukkan spasi sebelum dan sesudah nya,  contoh :

• Adding the SDK script Code :

Cari kode :

Kemudian tambahkan kode berikut :

Jangan lupa untuk mengubah YOUR APP ID untuk id app Anda (Anda sudah mendapatkannya pada langkah sebelumnya).

• Adding the Open Graph protocol tags:

Copy kode berikut :

http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>

Dan ubah text yang berwarna berikut :

Ganti MY-SITE-NAME dengan yang Anda inginkan muncul bila pengguna menyukai halaman. Ganti http://google.com/…/blogger_logo.gif dengan logo blog Anda, atau menghapus semua tag jika Anda tidak menginginkannya.Ganti YOUR-APP-ID  dengan nomor ID APP Anda.Ganti YOUR-FACEBOOK-PROFILE-ID dengan user ID Facebook anda.
Setelah melakukan perubahan ini,  tambahkan kode di atas sebelum :

Sekarang kita sudah selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan lanjutkan ke langkah berikutnya.Langkah 5. Menambahkan Kotak Komentar Cari kode berikut :

Kemudian tempelkan kode berikut :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfh-gWjGkiLdBxVe3hhW5s_WIehE_GCEgbfo95UYRwAvbd_jYunRYfm9A-DjipVeME3qkFAPgb1b_bvj8qbmz_I2IQvlgaOQqauAYEzslFT6pzp4FivVnCeK0zz_O1_JfyLa5-Z56_SoQ/' width='331'/>

http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger  brought to you by http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?

Untuk mengubah lebar kotak komentar Anda, silakan ubah 450 sesuai yang anda inginkan ( dalam pixel ).
Klik Simpan Template, sekarang lihat blog Anda.
Catatan, jika Anda telah memiliki tombol Facebook Like/Share yang sudah terpasang di blog,  sebaiknya  anda menghapusnya terlebih dahulu sebelum menerapkan tutorial ini.Sumber : http://www.allblogtools.com/tricks-and-hacks/exclusive-integrate-facebook-comments-box-for-blogger-in-very-easy-and-simple-steps-full-guide/

Posted in: IPTEK