Cara Memasang Kotak Komentar Facebook Di Blog

Memasang Kotak Komentar Facebook di Blogger

Memasang kotak komentar facebook di blogger dengan model tab. Dimana kolom komentar akan terbagi menjadi 2 tab, yakni tab komentar blogger dan tab komentar facebook. Widget ini sangat cocok untuk meningkatkan interaksi dan komunikasi media umum facebook. Apalagi kita ketahui bahwa semua orang niscaya mempunyai akun facebook dan biasanya selalu login "ingat saya" di browser komputer atau laptop langsung mereka. Contoh gambar menyerupai yang terlihat pada gambar dibawah ini:

Memasang Kotak Komentar Facebook di Blogger Cara Memasang Kotak Komentar Facebook di Blog

Cara Memasang Kolom Komentar Facebook

Langkah 1. Pada dashboard blogger --> Template --> Edit HTML --> klik kiri area kosong kotak Edit HTML dan Cari (CTRL+F) arahan  berikut:
<div class='comments' id='comments'>
Memasang Kotak Komentar Facebook di Blogger Cara Memasang Kotak Komentar Facebook di Blog


Langkah 2. Copy dan Paste arahan berikut dibawah dari arahan <div class='comments' id='comments'>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDlAhsuwxBmWPX04ppXZuYklgpwBke84ofbD17jeyzCAuEpjI8GPCM6WePpMrYkTAouZISo5nGMoajJtZXa60zJ0EnFAAFRpBVJEkdb9AGytT4X7PXdw3zdlSyaebM8pbv6A4txb0TyQn/s1600/Facebook+Icon.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img alt='blogger tab' class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCF7w79DrDkXYussDW8whGNfkkS0xw-4027GM3T1tZdNMVKG5UsoPAzhVeR4LgRTQVKJHaoiAQZLHxRRpCWQmjIMi3X_-RTT11au3V9vDy3eyG-CV4fULkYx0agV-Y9435OZl4J7UI7xaA/s1600/Blogger+Icon.png'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><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='187715554575764' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).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>
Catatan: Ganti goresan pena Merah dengan ID Fans Page Facebook anda. Untuk mengetahui ID dari laman penggemar berikut saya berikan contoh: https://www.facebook.com/pages/Dewa-Inside/187715554575764

Langkah 3. Simpan Template

Silahkan lihat blog dan apabila berhasil, Selamat anda telah memasang kolom komentar facebook di blog anda dengan model tab. Sekian dan biar bermanfaat bagi sahabat blogger semua. :)

Komentar

Postingan populer dari blog ini

Kualitas Solar Sangat Mempengaruhi Kinerja Mesin Diesel

Fungsi Defogger Garis Coklat Di Beling Mobil

Benarkah Memoles Body Kendaraan Beroda Empat Bikin Cat Jadi Tipis ?