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

Bagi Sobat yang kurang mengerti maksud Judul yang saya buat, Sobat bisa melihat gambar atau contoh yg ada di paling bawah blog ini, ketika sobat menemukan kotak komentar FACEBOOK dan BLOGGER ..
Nah itulah dia maksud dari Judul Postingan ini.

Nah gimana nih ??? Tertarikkah ...
Baiklah saya akan memberikan caranya untuk Anda .. :)
Silakan anda Ikuti langkah - langkah berikut ini :

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("#fb-comments");' 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("#blogger-comments");' 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 == "item"'> <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 dan Lihatlah hasilnya ... :)

Jika Berhasil Jangan lupa Tersenyum :) :) :)
dan bila Berkenang silakan Tinggalkan Jejak anda di Blog saya 
Hheheheheee

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email