Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog

Pada kesempatan hari ini blog91919 akan berbagi tips tentang Cara Membuat/Menambahkan Nomor Pada Blogger Threaded Comment Untuk Blog Anda di dalam kolom/kotak komentar Blogger ( Cara ini hanya bekerja jika fitur balas komentar di blog Anda sudah aktif). Dengan  trik CSS ini Anda bisa menambahkan angka/nomor berurutan seperti ini, misal 1,2,3, dan seterusnya. Anda dapat melihat screenshot di bawah ini untuk lebih jelasnya.

Oke, sekarang kita lanjut ke topik utama.
1. Login ke akun blogger Anda
2. Masuk ke dashboard blogger
3. Klik rancangan lalu klik Edit HTML
4. Download Template Anda terlebih dahulu untuk berjaga-jaga jika nanti terjadi kesalahan
5. Beri centang/checklist pada kotak kecil yang bertuliskan Expand Template Widget
6. Gunakan tombol CTRL+F pada keyboard untuk mempermudah pencarian, kemudian cari kode ]]></b:skin>
7. Jika sudah ketemu, masukkan kode berikut ini tepat dibawah kode ]]></b:skin>

Klik buka untuk melihat kode:

.comment-thread ol { counter-reset: countcomments; } .comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 22px; color: #555555; padding-left: 10px; padding-top: 3px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabUBAKbvwwbAbrxht9wcQyudktMqVyIZBP2iOvyjGVCBq4I25kXtsY7IaRy2L64YYpa2A8G-JrUuaA149Qfy1EM1pfS_4g9LTKdVqV9SURFbc1tv7Sovl9UVMFzxd2UQ8xM2pQ7XEODO-/s1600/comment+bubble2.png) no-repeat; margin-top: 7px; margin-left: 10px; width: 50px; /*image-width size*/ height: 48px; /*image-height size*/ } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; color: #666666; }

8. Klik Save dan sekarang sudah selesai.
                                                                  KUSTOMISASI

• Untuk mengedit posisi angka pada komentar ganti kode padding-top: 3px; dengan angka yang diinginkan
• Untuk mengubah posisi gambar backgroud ganti kode padding-left: 10px; dengan angka yang diinginkan
  
• Untuk mengedit gambar background ganti kode background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png)dengan url gambar milik anda, tapi dibawah ini saya bagikan beberapa gambar untuk backgroudnya dengan cara klik kanan pada gambar dibawah ini,kemudian klik copy image url dan ganti dengan gambar backgroud dibawah ini.
  
                                                                                                                           
  Sekian dulu dan terimakasih karena Anda sudah membaca artikel saya tentang Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog ini dan semoga bermanfaat buat Anda.