Membuat Komentar Facebook Disamping Komentar Blogger Terbaru

Komentar di Blogger sangat penting sekali untuk para pengunjung Blog untuk bertanya, memberikan saran, ataupun tukar pendapat. Lebih mempermudah pengunjung Blog saat memberikan atau menulis komentar sangatlah wajib untuk kita.

Untuk itu, menambahkan komentar Facebook di Blog juga bisa mempermudah pengunjung menulis komentar saat tidak dalam keadaan login di Akun Google ataupun tidak memiliki akun Google dan hanya memiliki akun Facebook saja.

Kali ini saya akan memberikan Tips dan Trik cara Membuat Komentar Facebook berada disamping Komentar Blogger dengan Moderation Tool. langkah - langkah nya di bawah ini.

Cara Terbaru Membuat Komentar Facebook Berada di Samping Komentar Blogger

Langkah Pertama:
Di Blogger klik Edit HTML dan cari Code ini
<div class='comments' id='comments'>

Jika hasil pencarianya ditemukan 2 code seperti di atas, pilihlah kode yg ke 2 atau kode yang terakhir.

Langkah Kedua:
Copy Kode dibawah ini dan paste atau letakan tepat dibawah kode <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://image.ibb.co/kckkqx/social_facebook_box_blue_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 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 == &quot;item&quot;'>

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

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='artsoulinc' 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>

Keterangan:

1. Warna Kuning adalah Gambar untuk Tab Facebook
2. Warna Ungu adalah Gambar untuk Tab Blogger
3. Warna Biru adalah jumlah Komentar Facebook
4. Warna Hijau adalah Lebar dari Box Komentar Facebook
5. Warna Merah yang Wajib di Ganti dengan Username Facebook kamu. Contoh: http://www.facebook.com/UsernameKamu Ganti dengan Username kamu untuk dijadikan Admin dan Moderator 

Dan Terakhir setelah menempatkan Kode dengan benar, klik Simpan dan Lihat hasilnya.

Itulah Cara membuat Komentar Facebook berada di Samping Komentar Blogger dengan disertai Admin atau Moderation Tool pada Facebook.
Baca Juga: cara mengatasi Error saat membuat Komentar Facebook di Blogger