Cara Mudah Memasang Komentar Facebook Di Blog

Cara Mudah Memasang Komentar Facebook Di Blog. Dalam Membuat Sebuah Blog tentunya anda membutuhkan komentar-komentar yang sangat membangun. Berkomentar menjadi kegiatan utama blogwalking apalagi dengan berkomentar kita bisa juga mendapatkan link Back yang sangat berfungsi untuk menaikan trafik dan pengunjung kita, tapi banyak sekali blogger-blogger yang belum tau bagaimana cara berkomentar yang baik dan hal-hal apa saja yang harus di hindari dalam berkomentar.

Hal ini tidak dapat dibiarkan karena memang ini bukan suatu perbuatan yang baik dan harus di jauhi. Selain karena membuat blog yang di kunjungi menjadi tidak indah karena komentar-komentar yang tidak berbobot tapi ini juga berdampak negative terhadap si komentator sendiri, karena bisa jadi blognya akan di anggap spam. jadi jangan sampai melupakan fungsi utama berkomentar yaitu sekedar ingin menanyakan atau ingin memberikan pesan kepada si pemilik artikel/blog. Dengan berkomentar yang baik, itu akan mempengaruhi citra dan kredibilitas kita sebagai pemilik blog dan blog yang kita komentari.

Apakah yang dimaksud dengan komentar ? komentar adalah ulasan atau tanggapan atas Penjelasan yang telah dibuat atau dikatakan sebelumnya. Pada kesempatan kali ini sampul ilmu menjelaskan tentang Cara Mudah Memasang Komentar Facebook di Blog.

Gambar Komentar Facebook Dan Blogger

Langkah-langkah Pembuatannya Adalah 

Siapkan ID Facebook Anda Terlebih Dahulu (untuk Cara Mudah Melihat ID Facebook Anda login kehalaman Facebook anda kemudian clik Profil anda setelah itu pada URL copy  Nama Facebook anda)

Gambar Contoh ID Facebook

Langkah selanjutnya copy paste URL dibawah ini kemudian  ganti ID Facebook (Tulisan Warna Merah) dengan ID Facebook anda kemudian Enter
https://graph.facebook.com/ID Facebook 

Maka Akan Muncul Tampilan Seperti Dibawah Ini

Gambar ID Facebook

Langkah Selanjutnya Login Ke dalam Dashboard Blog anda kemudian clik Template pilih Edit HTML setelah itu cari kata <div class='comments' id='comments'> Pada Code HTML Blog anda (Untuk Melakukan Pencarian Agar lebih Cepat Ditemukan Clik CTRL + F pada Keyboard kemudian ketikan Kata <div class='comments' id='comments'> pada Search  lalu clik Enter)

Setelah code diatas telah ditemukan langkah selanjutnya copy code dibawah ini dan kemudian paste tepat dibawah code <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'> <img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmWjYlNGfvzjHC8qJ1FbQOpaspWzeN8vpVuQ5_iHNi9z2WXmxF3Pn9ZtsNXDW2Wkz77X8pX9ikx1QiU8qR3AdEJ5AI0zbW3ArdY_RY-uFHBj5MIXGY2qNTOWylWN2E78Z_MExUTnixsJk/s1600/fb_bw.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'> <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div> <div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='500'/></b:if></div> <div class='comments comments-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

Pada Code Diatas Cari kata meta content='ID Facebook'  Ganti Tulisan ID Facebook dengan ID Facebook Anda
Untuk Merubah Ukuran Komentar Cari Kode width='500' Kemudian Ubah Nilai Tersebut Sesuai Dengan Keiginan Anda

Untuk Melihat Hasilnya Refresh blog kemudian clik postingan pada blog  anda

Lanjutke CaraMembuat Aplikasi untuk Komentar Facebook di Blog

Bagi yang mengunakan Tempalte Responsive anda dapat mencoba Cara Membuat Komentar FB Responsive Blogger.

Dengan Adanya komentar-komentar akan dapat meningkatkan kualitas dari blog anda, semoga bermanfaat.