Cara Memberi Nomer Urut Pada Komentar Blog

Cara Memberi Nomor Urut pada komentar di blog - Apa itu Nomor urut pada komentar blog ? Nomor urut ini adalah nomor yang ada di bawah foto seseorang yang sedang berkomentar di blog kita, dari yang pertama komentar sampai yang terakhir komentar akan di nomeri dari angka 1 angka 2 dan angka selanjutnya.Anda Bisa mencobanya dengan berkomentar di blog saya satunya DISINI .

Nomor urut komentar ini, akan lebih lebih terasa mantap jika kotak komentar di blog kalian itu lebar atau dari templatenya sudah lebar full page dan pasti akan kelihatan lebih menyolok jika kalian gunakan warna yg serasi dengan template kalian.

Berikut ini adalah cara menerapkan dan menambahkan nomor urut komentar pada elemen komentar blogspot.

• Login ke blogger dengan ID Anda (udah tahu kan)

• Pada halaman dashboard blogger pilih Template, alangkah baiknya sebelum melakukan perubahan saya sarankan backup template Anda terlebih dahulu agar kalau nanti gagal bisa copy lagi template yang di backup. ( http://i.imgur.com/H7ueKmh.png )

• Pilih menu Template > Edit HTML

• Perhatikan baris kode seperti ini <b:skin>...</b:skin> perluas kode ini dan cari (ctrl +F ) kode
  ]]></b:skin>

• Tempatkan kode di bawah ini tepat diatas kode ]]></b:skin>

• .comments-number{position:absolute;top:55px;left:-44px;border-radius:10px;background:#BD5D48;width:20px;height:20px;font-size:10px;line-height:2em;color:#fff;text-align:center}
  .comments .comment-thread.inline-thread .comments-number{top:44px;left:-38px}

• Untuk menyesuaikan dengan tampilan blog Anda ganti kode warna ini : #BD5D48 dengan kode warna sesuai dengan pepaduan template blog anda

• Selanjutnya cari kode seperti di bawah ini

•     (function() {
        var items = <data:post.commentJso/>;
• Kalau tidak ketemu cari : var items = <data:post.commentJso/>; terus di dragnya dari yang (function() {
• Ganti dengan kode berikut ini

• var items_copy=[];
  (function() {
  var items = <data:post.commentJso/>;
  items_copy=items;

• Berikut cari lagi kode : <data:post.commentHtml/> dan tepat dibawahnya tempatkan script berikut ini

• <script type='text/javascript'>
  //<![CDATA[
  for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);b=a.innerHTML+'<span class="comments-number">'+(i+1)+'</span>';a.innerHTML=b}
  //]]>
  </script>

• Simpan perubahan dokumen HTML template Anda dengan menekan tombol Save template

Sekian Artikel saya tentang " Cara Memberi Nomer Urut pada Komentar di Blog " Semoga bermanfaat bagi kita semua ^_^

Share :

Facebook Google+ Twitter