Cara Memasang Komentar Facebook Pada Blogger

Saya akan berbagi cara untuk memasang komen facebook di blogger,karena komen facebook ini terbilang sangat simpel dan memudahkan seseorang untuk melakukan komen terhadap blog kita,langsung saja simak baik-baik ya broo..

- Silahkan masuk kedalam blogger anda dulu,buka Template --> Edit HTML
- Kemudian silahkan anda tekan Ctrl + F pada keyboard anda untuk memudahkan pencarian,lalu ketik atau copas kode berikut ini <div class='comments' id='comments'> ,lihat gambar di bawah

 - Setelah ketemu,silahkan anda Copy kode yang ada di bawah ini

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

 Notice : Silahkan anda ganti tulisan ID FANPAGEFACEBOOK dengan ID Fanpage Facebook milik anda sendiri.Untuk menyesuaikan ukuran kolom komen silahkan anda ubah angka berwarna hijau,sesuaikan dengan lebar blog anda.

- Lalu Paste di bawah kode 
<div class='comments' id='comments'> kode yang anda cari tadi,contoh sebagai berikut

- Terakhir Simpan Template dan selsai.

SEMOGA YANG SAYA BAGIKAN DAPAT BERMANFAAT UNTUK TEMAN-TEMAN BLOGGER SEMUA. 

Baca Juga :
Cara Mengetahui ID Fanspage Facebook kita 

Bagikan Artikel :