kapan aja
Pasang komentar Facebook + Blog Bersamaan
jika sahabat blogger penasaran langsung saja ke tkp .
1.Pastinya sahabat blogger harus Login ke akun blogger..
2.Setelah itu silahkan sahabat ke tab menu rancangan ..
3.Setelah itu pilih edit HTML ..
4.Lalu silahkan sahabat blogger cari kode <div class='comments' id='comments'> ,dan letakan kode berikut tepat di bawah kode <div class='comments' id='comments'>
<div class='compauscityfb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'>NB : Apabila sobat menemukan 2 Kode " <div class='comments' id='comments'> " yang sama,silahkan sahabat pastekan di kode ke dua !!
<img class='compauscityfb-tab-icon' src='http://picturestack.com/898/100/nkPCyberRevolmlP.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='compauscityfb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Add Comments via Blogger'>
<img class='comcompauscityfb-tab-icon' src='http://picturestack.com/897/993/KmGcompauscity5P.png'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comcompauscityfb-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='430'/>
</b:if>
</div>
<div class='comments compauscity-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-Facebook Sobat' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".compauscityfb-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".compauscityfb-page").hide();
$(selectTab + "-page").show();
}
</script>
<style type='text/css'>.compauscityfb-page, .compauscityfb-tab {border:1px solid #666;box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 7px #e6f8fd;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 7px #e6f8fd;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 7px #e6f8fd;}.comcompauscityfb-page {background:rgba(255,255,255,.4);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.compauscityfb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:rgba(255,255,255,.6);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comCyberRevolutionfb-tab-icon {height:16px;width:16px;margin-right:5px;}.comCyberRevolutionfb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .compauscityfb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>
5.Terakhir Save Template ,dan lihat hasilnya ..
Bagaimana Shabat compauscity ? Mudah bukan ?
jangan lupa tinggalkan jejak komentar yach ...
Salam Blogger Indonesia
jangan lupa tinggalkan jejak komentar yach ...
Salam Blogger Indonesia