Oke, sekarang langsung saja saya berikan tutorialnya tentang Cara Membuat Kotak Komentar FB Bersebelahan dengan Kotak Komentar Blogger lengkap dengan tombol buka dan penutup.
1. Masuk ke blogger dan pilih Template ----> edit HTML ----> Proceed---->
Centang Expand Widget Templates
(PERHATIAN: BACK UP DULU TEMPLATE KALIAN)2. Cari kode <div class='comments' id='comments'> (Gunakan CTRL+F)
3. Copas kode berikut tepat dibawah kode <div class='comments' id='comments'>
-Bila ada dua kode <div class='comments' id='comments'> Maka silahkan pilih yang
pertama, bila gagal pilih yang kedua.
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>4. Setelah pemasangan kode tersebut, lanjutkan dengan mencari kode </head>
<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='600'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
5. Bila sudah ketemu maka copas kode berikut tepat diatas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>6. Sesudah itu lanjuntkan dengan memasang kode CSS berikut. Untuk memasangnya cari kode #comment atau .comment dan letakkan kode berikut dibawahnya atau diatasnya (terserah kalian).
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='100001008475886' 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>
.comments-page { background-color: #000000;}Penting!!
#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;}
- Ganti 100001008475886 dengan nomor ID FB kalian. Bila nggak tahu cara dapetin kodenya klik dibawa ini untuk caranya.
Suka dengan postingan ini.?
Ditulis Oleh : asdharsyaputra di label Trik Blogger : Facebook Aku
Artikel Cara Buat Komentar FB Disebelah Kotak Komentar Blogger ini ditulis oleh asdharsyaputra pada hari Jumat, 06 Juli 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Buat Komentar FB Disebelah Kotak Komentar Blogger dapat Anda sampaikan melalui kotak komentar dibawah ini. Dan jangan lupa di like yea kawan. Terima Kasih...
Backlink Please !
URL |
Code For Forum |
HTML Code |
Di Like Dulu Gan Sebelum Pergi..!!
Kritik Dan Saran Sobat Sangat Membantu Blog ini Dalam Menulis Artikel Berikutnya