Cara Memberi Nomer Urut Pada Komentar Blog

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 ^_^