cara buat 2 comment pilihan

Bintang88stars- Hey sobat B88S Hari ini saya mau shere tentang tutorial blog lagi nichh mungkin saja Kamu ingin memasang kotak komentar facebook di blog kamu?tapi kamu tidak tahu harus meletakkanya dimana lagi?Mendingan Pakai cara ini saja selain dapet menghemat tempat blog kamu juga akan terlihat sedikit lebih professional sebab tahu menata tata letak widget anda.

Steps :
1. Login ke Account Blogger Anda
2. Klik Rancangan > Edit HTML
3. Download Template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Expand Template Widget
5. Jika sudah, cari kode ]]></b:skin> (gunakan CTRL + F untuk mempermudah pencarian)
6. Kalau sudah dapat maka masukkan kode berikut 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;} 

7. Kemudian Anda cari kode </head>
8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<script src='https://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%">Edit by<a href="http://www.sky-land.biz" target="_blank" rel="follow">Sky Land</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID Facebook Anda.
Ex: https://www.facebook.com/nama

8. Kemudian Cari kode <div class='comments' id='comments'>

Keterangan: Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode

<div class='comments' id='comments'> yang pertama dan kedua.

Code :

<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='https://s-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='https://lh5.googleusercontent.com/--vu5gE3yh1E/UA333Ytm5hI/AAAAAAAAAnM/nbi9p0of21o/h120/favicon.ico'/> <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 angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook..

9. Kemudian klik Save, dan lihat hasilnya.
10. Jika melakukannya Dengan benar anda.Pasti script di atas bisa bekerja.