Cara Memasang Facebook Comments Box Pada Blog

Facebook Comments Box memang sudah marak digunakan oleh blogger. selain penggunaannya relatif mudah, juga interaksi antara pengunjung blog dengan pemilik menjadi lebih dekat. Dijaman sekarang ini siapa yang gak punya akun facebook sudah dikatakan katrok alias ketinggalan jaman. oleh karena itulah facebook comments box ini sangat cocok untuk media komunikasi antara pengunjung dan pemilik blog. jika sobat blogger ingin memasang Facebook Comments Box Pada Blog pada blog sobat silahkan ikuti langkah2 berikut ini :

Cara Memasang Kotak Komentar Facebook Di Blog.

1. Masuk keakun blog sobat
2. Pilih Template --> Edit HTML
3. Cari kode  <div class='comments' id='comments'> dan letakkan kode dibawah ini 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='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'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook Sobat ' 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><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 :

• Jika terdapat 2 kode  <div class='comments' id='comments'> , pilih kode yang kedua.
• Ganti ID FB Sobat dengan URL/ID Facebook Sobat. 

4. Simpan!  

Mudah bukan cara pasangnya.. jika ada kendala dalam pemasangan Facebook Comments Box tersebut silahkan sobat blogger bisa langsung tinggalkan komentar di kotak komentar yang tersedia dibawah ini. Terimakasih atas kunjungannya. jangan lupa like ya.