Cara Menggabung Komentar Facebook Dan Komentar Blog

Cara Menggabung Komentar Facebook Dan Komentar Blog - Para blogger sekarang sudah banyak yang menggabungkan beberapa versi kotak komentar, mulai dari Blogger sendiri, Facebook dan Disqus. Malah sudah ada yang menggabungkan ketiganya yaitu di template buatan mbak Arlina walau mungkin ada juga orang lain namun saya tidak mengetahuinya. 

Menurut saya dengan menggabungkan komentar itu sangat keren dan mempermudah pengunjung untuk mengungkapkan pemikirannya karena tidak semua orang memiliki akses atau akun di satu versi komentar, oleh karena itu  dengan adanya gabungan komentar dapat meminimalisir terjadinya tidak memiliki akses komentar.

Jika Anda tertarik untuk memasang dua kotak komentar yaitu Facebook dan Blogger, silahkan ikuti tutorial dibawah ini.

Peringatan : Sebelum melakukannya sebaiknya backup dulu template Anda

Cara Menggabung Komentar Facebook Dan Komentar Blog

1. Login ke akun blogger Anda.

2. Pilih menu Template --> Edit HTML

3. Cari kode dibawah ini.

<div class='comments' id='comments'>

Apabila terdapat 2 kode, maka pilih saja yang pertama.

4. Kemudian copy kode dibawah ini dan paste dibawah kode diatas :

<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='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

Catatan :

- width='400' dapat disesuaikan dengan lebar halaman artikel blog kalian.

- Untuk menambah efek scroll pada kolom komentar, kalian bisa mengganti kode

<div class="comments-page" id="fb-comments-page">

dengan kode <div class="comments-page" id="fb-comments-page" style="max-height: 230px; overflow: auto;">

Tetapi jika tidak ingin menambah scroll, silahkan di abaikan saja.

4. Copy kode dibawah ini dan pastekan diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID FB' 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>

Catatan :

Ganti ID FB dengan ID facebook kalian contoh ID FB saya https://www.facebook.com/fery.akizaku

5. Kemudian cari kode /* Comment atau #comments, kalau saya sendiri mempunyai banyak kode #comments, bagi yang templatenya berbeda biasanya identik dengan comment bisa ID atau class. Jika sudah ketemu letakan kode dibawah ini tepat dibawahnya.

.comments-page {}#blogger-comments-page {display: none;}.comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;}.comments-tab-icon { height: 16px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

5) Simpan

Demikian artikel Cara Menggabung Komentar Facebook Dan Komentar Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.