13 Oktober 2012
Sabtu, Oktober 13, 2012

Cara Membuat Komentar Facebook Di Komentar Blogger

Baiklah jika sobat [R][B] Community menginginkan Kotak komentar sperti ini :

Kotak Komentar Facebook Dengan Kotak Komentar Blogger bersampingan.
Ikuti Langkah -langkah Berikut :

1. Login Ke Akun Blogger
2. Pada Dasbor Pilih Rancangan Design Kemudian Pilih EDIT HTML dan jangan lupa untuk mencentang kolom expand template widget
3. Copas kode berikut tepat dibawah kode <div class='comments' id='comments'>
Apabila Terdapat 2 kode <div class='comments' id='comments'> yg sama Silakan sobat pastekan ke kode yg kedua.


<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='ID FB Sobat 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>

4. Cari script ini pada code diatas <meta content='ID FB Sobat disini' property='fb:admins'/> ganti dengan ID sendiri.
ex : <meta content='
1790290405' property='fb:admins'/> ganti dengan ID sendiri.
cara mencari ID Facebook langsung saja masuk ke https://graph.facebook.com/NAMA_FB_KAMU
5. Simpan Templatenya Dan Lihat Hasilnya
. memuaskan bukan :D
Demikianlah tips dari saya mengenai Cara Membuat Komentar Facebook Di Komentar Blogger

4 komentar:

  1. udah saya aplikasikan pada blog saya gan..

    BalasHapus
  2. Kok div class='comments' id='comments saya gak ada?

    BalasHapus
  3. @denysh: emang udah di EXPAND template nya??

    BalasHapus
  4. @Anonim:
    belum mungkin
    emangnya caranya gimana?

    BalasHapus

Dalam berkomentar, harap memperhatikan hal-hal berikut :
1. Komentar tidak mengandung unsur SARA
2. Tidak memprovokasi pihak lain
3. Tidak mengadu domba
4. Tidak menimbulkan perselisihan
5. Tidak saling menjatuhkan
6. Komentar Link atau Sponsor langsung saya hapus!

Bila anda tidak mnaati peraturan diatas, maka penulis berhak untuk menghapus komentar anda.