Saturday, December 29, 2012

Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger

Zona Kamu - Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger.
Pernahkah Sobat berpkir untuk Menggabungkan Komentar Facebook Dengan Komentar Blogger seperti gambar dibawah ini ?


Okeh berikut ini kami share Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger.

1. Login ke Akun Blogger Anda.
2. Klik Template lalu klik edit HTML
3. Centang Expand Template Widget
4. Kemudian Silahkan Anda cari kode di bawah ini (gunakan F3 untuk memudahkan pencarian kode) 

<div class='comments' id='comments'>

5. Setelah ketemu, Silahkan masukkan kode di bawah ini, letakkan tepat di bawah kode diatas.

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


 NB: witdh='400' sesuaikanlah dengan Lebar Halaman Artikel Anda

6. Lalu carilah kode </head> lalu letakkan kode dibawah ini diatasnya

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='MASUKKAN ID FB ANDA' 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>


NB: Ganti tulisan yang berwarna biru dengan ID Facebook Anda

7. Carilah Kode /* Comment atau #Comments Jika sudah ketemu, masukkan kode di bawah ini tepat di bawah nya kode /* Comment atau #Comments

.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;}


8. Klik Simpan Template

9. Selamat Mencoba, GOODLUCK

 

Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger Rating: 4.5 Diposkan Oleh: Aziz Hary

Popular Posts