Cara Memasang Komentar Facebook Di Blog Anda

Jagat Blogger kali ini berbagi informasi mengenai tips blog yaitu Cara Memasang Komentar Facebook Di Blog Anda, pastinya dengan komentar komentar yang berkualiatas nantinya. Untuk itu anda bisa mengikuti langkah-langkah memasang komentar facebook di blog tersebut di bawah ini

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'>

<!-- FB Comment BEGIN -->
<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/AVvXsEiAOPMNrabq9voNp17l9Rx4UXkszt55njcgCR_ptcYTXf6xrt0EtqRE8yUdcYmz01itiTC2myXm3rodTdb8ZX-b2tSYJ5RGvXkDkq1vlxikhbtYMqpBi9YhkIf5NQjwP5X5ylkCyJqJDu4/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>
<!-- FB Comment END -->

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. Terima kasih sudah berkunjung dan kunjungi terus blog Jagat Blogger untuk mengikuti update tips blog lainnya.