Cara Mudah Pasang Komentar Facebook di Blog Anda

Pada kali ini saya akan membahas tentang Cara Memasang Kotak Komentar Facebook Di Blogger. Masih dengan Tutorial Blogger, dengan inti pembahasan Facebook. Perlu kita ketahui dari Kotak Komentar Facebook ini. Banyak Visitor yang datang tetapi malas berkomentar ? inilah yang sering terjadi pada Blogger.
Perlu kita ketahui juga bahwa setiap pengunjung belum tentu memiliki Account Gmail/Blog sehingga malas untuk berkomentar. Tetapi yang namanya Account Facebook, Setiap pengunjung pasti memilikinya. Mungkin tidak semua sih, tetapi Pengguna Facebook lebih banyak dari pada Pengguna Gmail di Indonesia. Oleh karena itu kita memanfaatkan Kesempatan ini untuk Memperbanyak Komentar Di Blog. Oke langsung saja. Cekiddoottt.....
Cara Membuat Kotak Komentar Facebook Di Blogger :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode ]]></b:skin>
4. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode ]]></b:skin>

.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}

5. Setelah itu Cari Kode </head>
6. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='Duniasejutawarna.Blogspot.com' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<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>

7. Kemudian Ganti Tulisan Duniasejutawarna.Blogspot.com dengan ID Facebook anda.
8. Setelah itu Cari Kode <div class='comments' id='comments'>
9. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Vq0WIrMVg0YtbICN8igz9mCwH_UnrBx8H1aF-xw6ORoljsHxjaVf2ud6vMrymVctQJUPctNO8t5Nd35_t0AjmtxH4i0i4ZKcDBaxqQPGycieuhwqkugUpGQLfhqyJLt4BEA54EgNR8E/s1600/facebook+comments+vipergoy.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 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='5' width='500'/>
<i><a href='http://vipergoy.blogspot.com/2013/08/cara-memasang-komentar-facebook-di-blog.html' style='color:#aaaaaa;text-align: right;' target='_blank' title='Buatlah Komentar Faceboookmu Sekarang Juga'>Facebook</a></i>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>

10. Setelah itu " Save / Simpan Template "

sumber : vipergoy