cara membuat urutan no komentar di bloger

MULTI PASTE - Berikut ini adalah cara menambahkan nomor urut pada komentar yang diberikan oleh pengunjung pada setiap postingan.  Tampilan nomor urut ini bisa Anda lihat pada bagian komentar blog ini atau cobalah berikan satu komentar pada postingan ini, maka otomatis komentar Anda akan diberi nomor urut.

Nomor urut komentar ini, akan lebih serasi jika dipadu dengan tampilan komentar blogspot ala blogger vietnam, tetapi dapat pula diterapkan pada tema komentar lain yang sudah sering digunakan di blogspot, bentuk dan penempatan tinggal menyesuaikan melalui kode CSS. Jika ingin lebih rame lagi, tambahkan icon like pasti akan kelihatan lebih menyolok.

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

• Login ke blogger dengan ID Anda

• Pada halaman dashboard blogger pilih Template sebelum melakukan perubahan backup template Anda terlebih dahulu.

• Pilih menu Template > Edit HTML

• Perhatikan baris kode seperti ini <b:skin>...</b:skin> perluas kode ini dan cari 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 Anda 

• Selanjutnya cari kode seperti di bawah ini

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

• 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

Sekarang ucapkan Alhamdulillah, karena pekerjaan menambahkan nomor urut pada komentar blogspot telah selesai, dan sekarang silahkan periksa blog Anda.