Memasang Kotak Komentar Facebook Berdampingan Dengan Blogger

Dalam kesempatan kali ini taukahbahwa.blogspot.com akan menyampaikan berita tentang Memasang Kotak Komentar Facebook Berdampingan Dengan Blogger. Semoga dengan posting Memasang Kotak Komentar Facebook Berdampingan Dengan Blogger akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com

Ikuti langkah-langkahnya..

1. Login ke Blog
2. Rancangan - Edit HTML
3. Untuk menghindari keselahan, Backup template terlebih dahulu dengan Download lengkap
4. Centang "Expand Template Widget"
5. Cari kode  ]]></b:skin> untuk lebih mudahnya tekan Ctrl F kemudian pastekan kode tersebut.
6. Setelah ketemu copy kode di bawah ini tepat sebelum  ]]></b:skin>

#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab,comments-tab:hover { color:#fff;float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color:#D53C13;border: 1px solid #D53C13;border-radius: 4px;-webkit-border-radius: 4px;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.inactive-select-tab { color:#fff; background-color: #2C2C2C;border: 1px solid #292929;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: inset 0 1px 0
rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-box-shadow: inset 0 1px 0 ;}

• Langkah selanjutnya cari kode </head>
• Kemudian copi kode di bawah ini dan letakan diatas kode </head> 

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' 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><span><a href="http://www.pabk-4you.com/" target="_blank" rel="follow"></a></span>

Catatan!
Ganti tulisan yang  berwarna kuning dengan ID Facebook Anda

• Selanjutnya cari kode  <div class='comments' id='comments'>. Apabila terdapat 2 kode yang sama maka tempatkan kode di bawah ini tepat setelah kode  <div class='comments' id='comments'> yang ke dua!

<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='5' width='610'/></b:if></div> 

 Catatan!

• Untuk angka 5 yang berwarna orange adalah jumlah komentar yang akan ditampilkan

• Untuk angka 610  yang berwarna orange adalah lebar kotak komentar, maka sesuaikanlah dengan ukuran template anda.

Demikian langkah-langkah cara memasang kotak komentar Facebook berdampingan dengan kotak komentar bawaan blogger. Selamat mencoba..

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com