Home » » Membuat kotak komentar facebook di blogger

Membuat kotak komentar facebook di blogger

Sobat blogger jika anda ingin menambahkkan kotak komentar facebook di blog milik anda.
Dan letaknya berdampingan dengan komentar blogger,caranya cukup mudah hanya dengan sedikit modifikasi html pada template blog anda.
ikuti langkah-langkah untuk  membuat kotak komentar facebook di blogger sangat mudah kok sob
seperti gini ni tampilanya:









  • Langkah pertama Login ke Akun Blogger anda.
  • Pada Dasbor lalu Pilih Rancangan
  • Kemudian Pilih Edit HTML 
  • Jangan lupa untuk mencentang kolom expand template widget dulu

Copas kode berikut tepat dibawahnya  kode
pada template anda.
catatan : dan apabila terdapat dua kode
yang sama pada templet anda maka pilih lah pada kode yang ke 2
 ini dia code yang di copy:

<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='letakkan 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>
<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>

  • Dan langkah yang terahir Simpan Template dan lihat hasilnya mudah kan...jangan lupa ID Fb nya ganti dengan ID Fb anda
Mudah sekali bukan semoga suksess salam blogger.

Ditulis Oleh : kabar kalianda ~ Blogger Kalianda

Sobat sedang membaca artikel tentang Membuat kotak komentar facebook di blogger. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, dan jangan lupa untuk follow dan meninggalkan komentar sobat.

:: Cara Membuat Permalink disini ::

Share this article :

0 comments:

Post a Comment

Terima kasih atas kunjungannya, jangan lupa tinggalkan komentar dan Follownya untuk perkembangan blog ini. No Approval No Captcha. Langsung Muncul. Happy Blogging ^_^

Masukan URLPanjang Sobat:
 
Author : Kabar Kalianda | Sitemap | Feeds
Copyright © 2013. Blogger Indonesia - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger