Mantra genit membuat kotak komentar facebook & blogspot hidup akur bersama di blog

Cara Membuat Komentar Facebook di Blogspot lebih Rapi, Apik, cantik dan Keren – Tekhnik ini banyak diincar dan dipakai oleh blogger di blognya, karena akan membuat para pengunjung yang aktif di dunia Facebook akan tergelitik untuk ikut juga berkontribusi memberikan komentarnya di blog anda.

Mantra yang mbah berikan ini akan bermanfaat untuk membuat blog anda terlihat lebih menarik dan atraktif dalam memberikan ruang komentar untuk para pengunjung anda, dan anda dapat berinteraksi langsung dengan pembaca anda….

Langsung saja kita buka tabir untuk Membuat Komentar Facebook di Blogspot hidup bertetangga, begini caranya :

Hal pertama yang harus anda lakukan adalah, pasang niat dulu untuk Membuat Komentar Facebook di blog anda,,,, heheheee

1. Kemudian masuk login ke dashboard blogger
2. Pilih Template kemudian Edit HTML
3.  kemudian temukan kode berikut ini : <div class='comments' id='comments'> dengan cara Ctrl + F di keyboard anda

Setelah anda menemukan kode tersebut diatas, selanjutnya Copy kode dibawah ini dan Paste kan kode berikut ini di tepat berada di bawahnya :

<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='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(&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'>

4. masih banyak mau di setting nih, masih belum selesai, selanjutnya temukan kode </head> kemudian, taruh kode dibawah ini tepat 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='Cantumkan ID FaceBook anda disini' 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>

ID facebook yang dimaksud adalah ada di bagian address bar profile facebook anda, sebagai contoh, misalkan fb mbah, URL profile facebook nya kayak seperti ini di address bar, contohnya : http://www.facebook.com/chemungut  maka ID facebook mbah adalah “chemungut” tuh gampang banget kan?

5. terus, masih dalam proses pencarian, cari lagi kode  /* Comment atau #comments dengan cara Ctrl + F. Kode tersebut disesuaikan saja dengan yang ada di Blog anda, biasanya kode /* Comment banyak ditemukan di blog template sekarang dan setelah berhasil menemukannya silahkan copy pastekan kode dibawah ini tepat di bawah kode  /* Comment

.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;}

6. Okay, sudah selesai,,,, sekarang saatnya Klik “Simpan Template”

Dan sekarang anda bisa menyaksikan dengan jelas bagaimana harmonisnya hubungan tetangga yang diperlihatkan kotak komentar facebook dan blogger….

Silekan, di cobe lah tarray iii….

Tweet