Entri Populer
-
Setelah berjalan-jalan alias blog walking, saya sedikit mengetahui triknya. Apa yang dimaksud trik ini ? Yups benar banget,...
-
Sahabat Hack4rt yang baik hatinya dan ganteng-ganteng seperti admin *loh hehe. Kali ini saya Noval akan memberikan tutorial cara membu...
-
Sebagian besar orang yang senang mengotak atik blognya dengan animasi flash pasti sudah tahu dengan flashvortex.com dan www.123-banner.com...
Blog Archive
Label
- blog (4)
- Ebook (20)
- Ebook Design Grafis (12)
- Ebook Operasi System (4)
- Ebook Other (4)
- Font (3)
- Icon (1)
- Internet. (1)
- Other (1)
- pakai di blog (1)
- Themes (12)
- Themes windows 7 (4)
- Themes windows XP (4)
- tips n trick (31)
Donasi
Loading
Cara membuat kotak komentar facebook berdampingan dengan kotak komentar blogger
177 Views
Posted by Wans Bloggers
Minggu, 20 Mei 2012
3
komentar
1. Seperti biasa Login Ke Akun Blogger anda.
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'> pada template anda.
Keterangan : apabila terdapat 2 kode <div class='comments' id='comments'> yg sama, silahkan anda 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='Masukan ID Fb anda 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.
Untuk mengetahui secara cepat ID Facebook anda, Klik Disini.
Demikianlah tutorial Cara menggabungkan kotak komentar facebook dengan kotak komentar blogger semoga bermanfaat buat anda.
Label:
tips n trick
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar