Cara Memasang Kolom Komentar Facebook dan Blog

Memasang Kolom Komentar Facebook dan Blog adalah hal positif untuk mempercantik blog sobat, karena dengan adanya dua kotak komentar ini akan mempermudah pengunjung sobat dalam berkomentar. Yang dimaksudkan mempermudah yaitu pengunjung bisa berkomentar melalui facebook dan blog, jika kedua kotak komentar ini di pasang tentunya pengunjungpun akan senang untuk mengunjungi blog sobat. Silahkan simak langkah-langkah berikut:
1. Login ke akun blogger sobat

2. Pilih menu Template lalu klik tab Edit HTML

3. Cari kode <div class='comments' id='comments'> lalu letakkan kode script di bawah ini dan letakkan tepat dibawah kode <div class='comments' id='comments'>
<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='550'/></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='IDFANPAGEFACEBOOK' 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>
4. Ganti tulisan berwarna biru dengan id fanpage facebook sobat

5. Langkah terakhir Simpan Template
Semoga bermanfaat

Comments