Cara pasang Kolom Komentar Facebook

Sebelumnya Kita telah membahas bagaimana cara memasang Widget Social share dari Sassy. buat yang belum membacanya dapat mengclik link di atas.

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


 




Cara pasang Kolom Komentar Facebook Cara pasang Kolom Komentar Facebook Reviewed by Chek 404 on Oktober 28, 2014 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.