Cara Membuat Komentar Facebook di Samping Komentar Blog

Cara Mem buat Komentar Facebook di Samping Komentar Blog. Fitur ini sangat bagus dan mudah untuk pengunjung memberikan komentar. Selain itu fitur ini memperbagus tampilan blog.

Berikut Cara Mem buat Komentar Facebook di Samping Komentar Blog. :

1. Login ke Blogger cari Dashboard pilih Akun kemudian Template ( Jangan lupa membackup template     terlebih dahulu )
2. Centang Expand Widget di atas pojok kiri .
3. Cari kode di bawah ini ( Gunakan Fitur CTRL+F  agar memudahi pencariaan )
         ]]></b:skin>
4. Letakan kode dibawah ini di atas kode   ]]></b:skin>
         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;} 

5. Cari kode dibawah ini

          </head> 

     Kemudian copas kode dibawah ini diatas 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/alsepriadha' 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>

Perhatikan tulisan yang saya kasih warna hijau

Ganti kata https://www.facebook.com/alsepriadhadengan nama id facebook anda.

6. Kemudian cari kode  <div class='comments' id='comments'> kalau ada dua , maka kode di bawah ini letakan di bawah kode <div class='comments' id='comments'> dua dua nya .

<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='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan tulisan yang saya kasih warna hijau

Angka 2 adalah untuk menampilkan komentar dan anda bisa mengubah nya.
Angka 400 adalah lebar kotak komentar facebook dan anda juga bisa mengubah nya .

7. Selanjutnya Save.

Jangan lupa Like dan Comentnya...

Sekian tutorial Cara Mem buat Komentar Facebook di Samping Komentar Blog.