Cara Membuat Komentar Facebook di Blog Cepat

cara membuat komentar facebook di blog

Hello Teman-teman,disini saya akan sharing sedikit tentang cara membuat coment facebook di blog,fungsinya adalah supaya kita bisa saling kenal dengan pengguna blog lainnya atau teman-teman yang membaca blog sobat,dan bisa juga sekalian pedekate sama yang lainnya,dan fungsinya supaya kita tau apa kekurangan dan kelebihan dari blog kita,jadi dengan adanya coment facebook dan blog pembaca bisa memberikan saran untuk blog kita,supaya kita bisa lebih baik lagi,oke langsung saja,ini dia caranya sob, cara nya mudah kok sob,

• silahkan sobat masuk  ke account blogger sobat.
• klik template,template berada di kiri blog.
• kemudian pilih edit html ya sob,
• kemudian tekan CTRL + F didalam kotak edit html,fungsinya untuk memunculkan kotak pencarian,
• kemudian copy  kode ini  ]]></b:skin> paste ke  kotak pencarian lalu tekan enter
• setelah ketemu,silahkan sobat masukkan code dibawh 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;}

• Kemudian silahkan sobat cari kode </head>,cara mencarinya sama dengan yang diatas
• kemudian,silahkan sobat masukkan kode berikut ini tepat 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='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><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

• kemudian silahkan sobat ganti pada kode yang berwarna biru dengan ID facebook anda.
• kalau sobat belum tau ID facebook sobat,ini cara melihat ID FACEBOOK sobat.klik disini
• kalau sobat sudah tau ID FACEBOOK sobat,gantilah dengan ID FACEBOOK sobat,
• setelah diganti,Kemudian silahkan sobat  cari kode  <div class='comments' id='comments'>
• setelah ketemu,silahkan sobat copy code di bawah ini dan paste dibawah <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='6' width='650'/>
</b:if>
</div>

• kemudian kalau sobat mau mengganti lebar dan banyak post yang sobat inginkan,ikuti langkah berikut ini:
• kalau sobat mau ganti lebarnya width='650' ,ganti dengan ukuran yang sobat inginkan.
• kalau sobat ingin menampilkan berapa banyak komentar yang akan di tampilkan num_post='6'

Semoga dengan ilmu yang saya berikan ini bermanfaat bagi sobat,