Cara memasang Komentar Facebook di Blog

Membuat komentar dengan tampilan yang menarik, akan memancing pengunjung untuk berkomentar di blog Anda. Hal ini sudah tidak menjadi hal yang baru, dan telah banyak yang memakai dengan aplikasi plugin tambahan Facebook ini. Mengapa banyak orang yang ingin membuat kotak komentar facebook di blognya? Salah satu faktor utama adalah untuk meningkatkan pengunjung bagi blog dan mempermudah pengunjung dalam memberikan komentar.

Facebook memang sebagai Social Media sedangkan Blogger adalah Pembangun Blog dengan platform gratis. Hubungan pembuatan komentar Facebook di Blogger, bukan untuk media promosi di social media melainkan menghubungkan konektivitas antara social media tersebut dengan blog kita.Berikut Cara memasang Komentar Facebook di Blog

• 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).Seperti gambar dibawah ini,ID Facebook'nya yang saya Blok

• 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 seperti gambar dibawah ini

• Langkah Selanjutnya Login Ke dalam Dashboard Blog anda kemudian klik 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'> padaSearch  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/AVvXsEjJHOjknJzxUC-HxBjrv9B0S2kkbZH5veDQsqf-caqkNWzdsoVFZ_rAiypPe01aa9SPXxGHftM-xZIYrJ3rJygAOwV7ss-M-gbRt7T7JEBAQwK78uHOvA7DwUDg50DU6AivLvZwBdYz6D4/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 Yang text berwarna merah diatas  Ganti Tulisan dengan ID Facebook Anda
Untuk Merubah Ukuran Komentar Cari Kode width='500' Kemudian Ubah Nilai Tersebut Sesuai Dengan Keiginan Anda

Selesai,dan lihat hasilnya 

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.