Cara Membuat kolom komentar Facebook pada Blog
BLOG - Membuat Kolom Komentar Facebook pada Blog, tentunya akan menambah variasi tersendiri untuk sobat. seseorang akan bisa memberikan komentar pada artikel yang terdapat pada blog sobat dengan melalui media facebook.com, akan tetapi terlebih dahulu harus login ke facebook agar bisa memberikan komentar.
Dengan membuat Kolom komentar facebook pada blog, itu juga bisa menambah nilai plus untuk blog sobat. dikarenakan kolom komentar akan menjadi dua yaitu dari blogger khususnya dan satunya dari facebook. tidak perlu kawatir akan bentrok pada tampilan komentar, setiap komentar tidak akan menjadi satu, jika memberi komentar pada artikel menggunakan Facebook maka akan masuk ke tab kolom komentar facebook sedangkan blog sebaliknya.
CARA MEMASANG KOLOM KOMENTAR FACEBOOK
Cara memasang kolom komentar facebook pada blog, bisa di ikuti oleh sobat dengan panduan langkah-langkah berikut ini :
1. Login Blogger
Terlebih dahulu sobat login ke blogger, untuk mempersingkat waktu klik tombol login.
2. Masuk Ke Menu Bar Tema
Setelah sobat login blog, kemudian sobat klik menu tema yang terdapat pada samping kiri layar dekstop sobat, tampilannya seperti dibawah ini :
Maka akan tampil seperti gambar diatas, Langkah selanjutnya adalah klik tombol edit html, di samping tombol "sesuaikan"yang berwarna orange, tampilan gambar seperti dibawah ini:
Kemudian sobat akan disuguhkan dengan kode html, kode-kode html pada blog sobat.contohnya seperti di bawah ini:
Setelah masuk sobat Tinggal tekan tombol Ctrl + F secara bersamaan, guna untuk memudahkan untuk mencari letak kode html pada blog.bisa di lihat di bawah ini:
3. Memasukan Kode Html
Jika Sobat sudah menekan ctrl + f, dan akan muncul menu search di samping pojok kanan atas seperti gambar pada no dua (2). Kini saatnya sobat mencari kode Html " <div class='comments' id='comments'> ", maka akan ketemu kode tersebut seperti gambar di bawah ini:
Setelah sobat menemukan kode tersebut, langkah selanjutnya adalah mempaste kode untuk memasang kolom komentar menggunakan facebook. dan jangan lupa pastekan di bawah kode html yang di cari tadi " <div class='comments' id='comments'> ". kode html untuk membuat kolom komentar bisa di lihat di bawah ini:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.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='550'/></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='IDFANPAGEFACEBOOK' 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>
KETERANGAN:
Ganti "IDFANPAGEFACEBOOK" yang berwarna merah dengan kode id fanpage facebook yang sobat punya.
Untuk melihat id fanpage facebook sobat login di facebook.com kemudian masuk ke pengaturan kemudian lihat info halaman,lihat tulisan paling bawah sekali ada tulisan id halaman facebook, misalkan kodenya : 09887266551.
Seandainya sobat tidak memiliki Id fanpage facebook, sobat tidak perlu merubah apapun itu di kode yang telah di pastekan, biarkan seperti tadi.
Mengatur ukuran komentar sobat bisa mengubah angka pada kode width:550 yang berwarna biru.
Jika pada waktu mencari kode <div class='comments' id='comments'> " ditemukan ada dua (2), sobat bisa memilih salah satunya saja.
4. Klik Simpan Template (save)
Jika sudah di pastekan kode html tersebut, sobat tinggal klik tombol simpan template agar tidak hilang.
Demikian cara mudah membuat kolom komentar facebook pada blog, semoga artikel ini bermanfaat bagi yang membutuhkan.