Kali ini chekmad lanjutkan dengan Bagaimana cara pasang Kolom komentar facebook di blog kesayangan sobat. Sobat setia ChekMad dapat melihat dibawah ini bagaimana hasil akhir dari kolom komentar facebook untuk memperindah blog anda dan memudahkan pengunjung memberikan komentar.
Selain dari memperindah kolom komentar Facebook juga berguna untuk mengurangi spam komentar terhadap blog anda.
Mari kita mulai bagaimana cara Pasang Kolom komentar di Blog Sobat ?
Silahkan anda paste kode di bawah ini
<div class='comments-tab' id='fb-comments'
onclick='javascript:commentToggle("#fb-comments");'
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("#blogger-comments");'
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 == "item"'><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='100006752719208 ' 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>
- tempatkan kode tersebut sesudah kode <div class='comments' id='comments'>
- bila kode tersebut diatas terdapat 2 buah maka sobat pastekan kode tersebut pada bagian yang kedua.
- Silahkan Sobat ganti kode yang di bold merah tersebut dengan ID Facebook Sobat
- Silahkan Simpan dan lihat Hasilnya ...
