0 Cara Pasang Kotak Kometar FB

Assalamualaikum Wr. Wb

Dikesepatan kali ini saya akan berbagi ilmu lagi pastinya tentang blog nah sebentar lagi ada tugas kampus yaitu  memjual produk secara online atau menggunakan blog, tetapi disini komentarnya menggunakan 2 komentar yaitu melalui facebook dan comentar google atau dari blog itu sendiri. jadi buat temen-temen mungkin ada yang masih kesulitan untuk membuat comentar facebook di dalam blog maka saya akan membagi trik end tips bagaimana cara membuat comentar facebook berada di blog  Cekidot kita nengok kekanan...?

1.  Silahkan Masuk Ke Akun Bloggger
2.  Pilih Rancangan
3.  Silahkan Masuk Ke Html
4. Silahkan Download Template anda terlebih   dahulu Untuk Menghindari terjadinya kesalahan
5.  Silahkan Cari Kode Ini <p class='comment-footer'> Untuk Pencarian Gunakan CTRL+F Lalu Copy Paste Scrips ini di Bawahnya

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
 <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
   </b:if>
                                          Simpan Template Anda

Cara Kedua

1.  Silahkan Masuk Ke Akun Bloggger

2.  Pilih Rancangan

3.  Silahkan Masuk Ke Html

4. Silahkan Download Template anda terlebih   dahulu Untuk Menghindari terjadinya kesalahan

5.  Silahkan Cari Kode Ini <div class='comments' id='comments'> Untuk Pencarian Gunakan CTRL+F Lalu Copy Paste Scrips ini di Bawahnya

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

6. Silahkan Cari Kode </head> Setelah Ketemu Lalu Copy Paste Code dibawah ini diatasnya

<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/ahmad.strong1?ref=tn_tnmn ' 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>

7. Silahkan Cari Kode  /* Comment atau #comments Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas Copy kode berikut di bawah kode diatas tadi

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

Setelah itu Silahkan Simpan Template ....?