Membuat Facebook Comment Counter otomatis

   Membuat Facebook Comment otomatis di blog - Widget ini berguna untuk menghitung berapa jumblah comment facebook pada setiap postingan di blog anda. Tidak hanya jumblah komentar facebook yang dihitung. Yang dihitung juga, blogger comment. Bentuknya seperti ini :

 
                          Sebelum memulai, penuhi dulu syarat - syarat berikut!
1. Pasang widget facebook comments di blog anda.
2. Supaya widget ini lebih awesome dan supaya bekerja, sebaiknya anda terlebih dahulu memasang widget tab facebook dan blogger. Untuk tutorialnya, bisa cari di Google, atau klik DISINI.
3. Membuat apps di facebook. Jika merasa kesulitan, KLIK DISINI untuk membaca tutorialnya.

   Jika syarat diatas sudah anda penuhi, silahkan ikuti langkah - langkah dibawah ini untuk memasang facebook dan blogger counter otomatis.

1. Login blog.
2. Template.
3. Edit HTML -> Lanjutkan.
4. Centang expand template widget -> Gunakan ctrl dan f.
5. Cari kode dibawah ini :

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> 

  *Jika kode diatas ada 3 ata 2, pilih yang pertama.*

6. Ganti kode no.5 dengan kode berikut ini :

<br/> 

<div style='border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0px; text-align:right;'> 

<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj56Cms7ku8aqb-mTT5Q9o30ura2m6BcYukt5tUnHQBxMxlt54fKq6j0srbRh49TQVDIGP06lgQ6vTHzUcm5bhA1U3HHvRtDvN8nXNzAvzzm6067jCymyGbTE1F5b8DB0nPVGKPoRTXbYU/s400/fb.png'/>

<a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> Comments</a>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</div>

7. Selanjutnya, cari tag ]]></b:skin>

8. Letakkan kode dibawah ini, diatas tag ]]></b:skin>

.comments-tab-icon { height: 14px;  width: auto;  margin-right: 3px;}

 9. Save template anda, dan selesai!

   Untuk melihat apakah anda berhasil, silahkan klik lihat blog. Jika tidak berhasil, silahkan ulangi lagi atau tanya kepada saya lewat komentar dibawah. Thanks dan Semoga berhasil! :)