Cara Menambahkan Facebook Comments Box Untuk Blog
Diposting oleh
Unknown |
Cara Menambahkan Facebook Kotak Komentar Untuk Blog - Menambahkan Komentar Facebook Untuk Blog- Kali ini saya akan membahas tentang Bagaimana Cara Memasang Kotak Komentar Facebook di Blog. caranya sangat mudah dan simpel, langsung saja di baca Tutorialnya: Baca juga Disable Facebook Timeline
1. Pertama Log in ke Akun Blogger
2. Pada Dasbor Pilih Rancangan Kemudian Pilih EDIT HTML (Centang Expand Template Widget)
3. copas kode berikut tepat dibawah kode <div class='comments' id='comments'>
(Jika ada 2 kode <div class='comments' id='comments'> yg sama Silakan pastekan di bawah kode yg kedua)
4 . Simpan Templatenya Dan Lihat Hasilnya
Semoga Bermanfaat
1. Pertama Log in ke Akun Blogger
2. Pada Dasbor Pilih Rancangan Kemudian Pilih EDIT HTML (Centang Expand Template Widget)
3. copas kode berikut tepat dibawah kode <div class='comments' id='comments'>
(Jika ada 2 kode <div class='comments' id='comments'> yg sama Silakan pastekan di bawah 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='Paste 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
Semoga Bermanfaat
Kamis, 14 Juni 2012 |
10.00
0 komentar:
Posting Komentar