cara membuat komentar blog menjadi facebook
hai teman - teman kunaruhblog :)
udh liat box komentar saya yang baru?
saya baru dapet info dari internet nih
bagi yang pengen juga saya jelasin deh
1. buka blogger > template > edit html > centang expand widget
2. cari ]]></b:skin> paste kode dibawah tepat diatasnya
3. lalu cari kode </head> taruh kode dibawah tepat diatasnya
4.untuk id FB pakailah yang dalam bentuk account bukan fans page
5. carilah kode <div class='comments' id='comments'> lalu paste kode dibawah tepat dibawahnya
(biasanya kode <div class='comments' id='comments'> ada 2 jadi paste saja di bawah kedua kode
tersebut)
6. simpan dan lihat hasilnya
video tutornya
sekian infonya semoga bermanfaat ya
udh liat box komentar saya yang baru?
saya baru dapet info dari internet nih
bagi yang pengen juga saya jelasin deh
1. buka blogger > template > edit html > centang expand widget
2. cari ]]></b:skin> paste kode dibawah tepat diatasnya
.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;}
#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;}
3. lalu cari kode </head> taruh kode dibawah tepat diatasnya
<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 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><span style="font-size: 50%">Widget edited by <a href="http://kunaruh.blogspot.com/" target="_blank" rel="follow">kunaruhblog</a></span>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='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><span style="font-size: 50%">Widget edited by <a href="http://kunaruh.blogspot.com/" target="_blank" rel="follow">kunaruhblog</a></span>
4.untuk id FB pakailah yang dalam bentuk account bukan fans page
5. carilah kode <div class='comments' id='comments'> lalu paste kode dibawah tepat dibawahnya
(biasanya kode <div class='comments' id='comments'> ada 2 jadi paste saja di bawah kedua kode
tersebut)
<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>
<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'>
6. simpan dan lihat hasilnya
video tutornya
sekian infonya semoga bermanfaat ya
Diposting Oleh : Unknown ~ Kunaruhblog

0 komentar:
Posting Komentar