CARA MEMASANG KOMENTAR FACEBOOK DI KOMENTAR BLOG

Untuk artikel kali ini Saya akan membahas mengenai bagaimana cara Memasang komentar facebook di Komentar blog menjadi satu tempat. Artinya kita hanya memerlukan satu kolom komentar saja untuk menempatkan dua komentar facebook dan komentar blog.

Kenapa harus dijadikan satu kolom?

Untuk template yang sudah terlalu penuh dengan widget, penempatan kolom komentar facebook dan komentar blog menjadi satu bisa menjadi solusi. Selain itu pengunjung bisa bebas memilih apakah mereka ingin berkomentar menggunakan akun google atau akun facebook.

Langsung saja kita menuju ke TKP.

1. Login ke Blogger, pilih blog yang ingin Anda edit. Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.

2. Kemudian klik Template ==> Edit HTML ===> Lanjutkan ==> Centang kotak kecil "Expand Templates Widget " 

3. Cari kode: <div class='comments' id='comments'>, pada template saya ada dua kode dan saya pilih kode yang pertama. Kemudian masukkan kode berikut ini dibawah kode tersebut.

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

witdh='400' dapat disesuaikan dengan lebar halaman artikel blog Anda.
Untuk menambah efek scroll pada kolom komentar Anda 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, abaikan saja.

4. Selanjutnya cari kode: </head>, lalu letakkan kode dibawah ini diatasnya.

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

Semoga Bermanfaat silahkan di komentar hehehe :)

Diposkan oleh ashablogspot023@gmail.com di 23.18