Cara Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger

Cara Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger

Posted by rike on 0

Kotak Komentar Facebook Dengan Kotak Komentar Blogger ,Cara Mudah Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger , Cara Gabungin Kotak Komentar facebook dengan kotak komentar blogger, cara gabungin komentar facebook dengan komentar blogger .Cara Mudah Memasang Kotak Komentar Facebook Dengan Kotak Komentar Blogger berjejer atau berdekatan, nah Itulah Dia Tutorial Blog di Blog hasbihtcblog yg dibahas pada kesempatan kali ini Yaitu Tentang

Cara Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger.

Menggabungkan Komentar Facebook Dengan Komentar Blogger

Menggabungkan Komentar Facebook Dengan Komentar Blogger

Artikel Ini Adalah artikel yg saya buat atas Requestnya teman Fb Saya yaitu Andi Ys saya ambil dari blog Kumpulancara dan tejahtcblog.
Bagi Sobat yg tidak mengerti maksud judul diatas , Sobat bisa melihat Demo komentar fb disini ---> KOMENTAR FB dan BLOGSPOT , nanti sobat akan menemukan kotak komentar facebook dan blogger yg tergabung menjadi satu .
Nah itu dia maksud dari Judul diatas.
Baiklah jika sobat blogger menginginkan Kotak komentar sperti itu Kotak Komentar Facebook Dengan Kotak Komentar Blogger bersatu . Ikuti Langkah -langkah Berikut :

1. Login Ke Akun Blogger sobat
2. Pada Dasbor Pilih Rancangan Design Kemudian Pilih EDIT HTML dan jangan lupa untuk mencentang kolom expand template widget
3. Masukan atau 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 . Simpan Templatenya Dan Lihat Hasilnya

Demikianlah tips dari saya mengenai Cara Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger semoga dapat bermanfaat.
Sumber