Cara Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger

Cara Menggabungkan 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 Sharing ilmu pengetahuan yg dibahas pada kesempatan kali ini , Yaitu Tentang Cara Menggabungkan Kotak Komentar Facebook Dengan Kotak Komentar Blogger , Artikel Ini Adalah artikel yg saya buat atas Requestnya teman Fb Saya yaitu Ahmad Strong Ys saya ambil dari blog Kumpulancara.

Bagi Sobat yg tidak mengerti maksud judul diatas , Sobat bisa melihat kebagian paling bawah blog ini , 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

Artikel Terkait :

Diposting oleh learning di 01.18