Wednesday, 2 October 2013

Cara Pasang Komentar Facebook Blogger Berdampingan

Cara Pasang Komentar Facebook Blogger Berdampingan

Cara Pasang Komentar Facebook Blogger Berdampingan - Cara Pasang Komentar Facebook Blogger Berdampingan. Setelah tadi saya posting tentang Cara Mudah Menghapus Kotak Komentar di Blog, sekarang saya akan share yaitu Cara Pasang Komentar Facebook Blogger Berdampingan. Tanpa berkata-kata lagi, kita langsung praktek aja.

Berikut Cara Pasang Komentar Facebook Blogger Berdampingan :

1. Login ke akun blog anda
2. Template > edit HTML
3. Letakkan kode dibawah ini tepat di atas kode ]]></b:skin> (lebih cepat gunakan Ctrl + F)

#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;}

4. Kemudian letakan kode dibawah ini tepat di atas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='https://www.facebook.com/ian.jelekz' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

5. Silahkan anda ganti ian.jelekz dengan ID Facebook anda
6. Terakhir letakkan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='600'/>
</b:if>
</div>

7. Silahkan anda ganti 2 dan 600 sesuai dengan selera anda masing-masing
    2 = jumlah komentar yang akan di tampilkan
    600 = lebar kotak komentar facebook
8. Save Template dan lihat hasilnya

Sekian posting dari saya tentang Cara Pasang Komentar Facebook Blogger Berdampingan,