Cara Memasang Komentar Facebook di Blog

Selamat Mencoba

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 aja gan..., ini Tutorial Cara Memasang Komentar Facebook di Blog..
disimak baik-baik yo gan... cekiddooott.....

Cara Memasang Komentar Facebook di Blog :

1 .  Log In Blogger Home
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='ViperGoy.Blog' 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 ViperGoy.Blog 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/AVvXsEgDDx0mf6z-sP88GN8dEZPt6ZHTxD-HkHpZ5uWDaKwytMK6s6s-qFHCPGBaPTsnm2YDXPH0wdBMXckuD0JhCFHtZpZ7p7zTmhTmrlEO_SKMhW5-Y88UqPPwP2K9oN_aVsJ5V6YgXIxSf5E/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 " , Dan Silahkan Lihat Hasilnya...

Demikian Tutorial " Cara Memasang Komentar Facebook di Blog " Jangan Lupa Like dan Join Juga di Blog ane ya gan....
Terima Kasih