Cara Membuat Komentar Facebook Dan Blogger Berdampingan

Selasa, 09 Juli 2013

Cara Membuat Komentar Facebook Dan Blogger Berdampingan - Postingan pada pagi hari ini saya akan membahas tentang komentar facebook dan blogger, tidak hanya di google saja blogger anda menjadi terkenal tetapi di facebook blogger anda bisa terkenal juga. Pernah saya membahas beberapa waktu lalu tentang komentar, komentar adalah sebuah atau suatu tempat untuk memberikan kritik dan saran. Apakah anda ingin blogger anda terkenal juga di facebook? ikuti langkah-langkah dibawah ini untuk memasang atau membuat komentar facebook dan blogger berdampingan.

1. Masuk ke blogger terlebih dahulu.
2. Pilih template.
3. Pilih edit html.
4. Cari kode <div class='comments' id='comments'>.
5. Salin kode dibawah ini dan pastekan dibawah kode tadi.

<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>

6. Simpan.
Keterangan: Apabila kode <div class='comments' id='comments'> ada 2, anda bisa taruh kode no.5 yang sudah anda copy serta tempelkan (paste) pada kode <div class='comments' id='comments'> yang pertama atau yang kedua.