Cara Buat Rating/Bintang Pada Komentar Blogger

Author : Mr-X | Released : June 16, 2016 | Category : Trick Blog

Anda dapat menambahkan rating dibelakang nama komentator blogger tertentu dengan script ini. Sehingga dapat mempercantik tampilan komentar di blog Anda.

Sangat keren jika blog Anda terdapat beberapa penulis dengan akun berbeda dan atau ingin memberi apresiasi ke blogger tertentu atas komentarnya yang berbobot dan dapat membangun kualitas blog Anda, sehingga dia akan jadi bangga atas komentarnya yang relevan dengan topik.

DEMO

Contoh Komentar Berbintang

Setelah memasang widget ini, rating akan selalu muncul disetiap komentarnya di blog Anda otomatis. Untuk penerapan kode-kode, silahkan ikuti petunjuk dibawah:

• Buka template blogger Anda.
• Cari kode yang seperti ini:
expr:href='data:comment.authorUrl'
• Kode lengkapnya mirip seperti ini:
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
• Tambahkan id='kmntr' dan (spasi) pada nama, sehingga hasilnya menjadi seperti ini:
<a expr:href='data:comment.authorUrl' id='kmntr' rel='nofollow'><data:comment.author/> </a>
• Masukkan script dibawah ini tepat diatas </body>

<script>
// Tutorial: http://www.kangsigit.com/2016/06/Cara-Buat-Rating-Pada-Komentar-Blogger.html

var ksAdmin=[
'ID_1','ID_1','ID_1','ID_1','ID_1', //Rating 5
'ID_2','ID_2','ID_2', //Rating 3
'ID_3' //Rating 1 (terakhir tidak diberi tanda koma)
];

$(document).ready(function(){
  for(var v=0; v&lt;ksAdmin.length; v=v+1){
   $("a[href='https://www.blogger.com/profile/"+ksAdmin[v]+"']").each(function(){
$(this).closest(".comment_body #kmntr").after("*"); //Rating diatur satu-satu. Jika ingin dobel, bisa juga dibikin **
   });
  }
});
</script>

Keterangan
Untuk ID_1, ID_2 dan ID_3 di isi dengan ID Blogger. Jika ingin membuat rating 5, maka ID yang sama ditulis lima kali.

Contoh, akun saya beralamat di: https://www.blogger.com/profile/01081665762314649536
Maka ID Blogger saya adalah: 01081665762314649536

Saya rasa cuma itu yang perlu dikerjakan, silahkan dicoba..

Facebook

Twitter

Tweet

Google+

Linkedin