Cara Membuat Comment Counter di Komentar Blogger

Cara Membuat Comment Counter di Komentar Blogger - Hy sobat blogger, kembali lagi Blog Semua-Tutorialku akan berbagi sedikit tips menarik untuk mempercantik tampilan blog anda, khususnya tampilan kotak koementar blogger.

Tutorial kali ini akan berisi tentang Cara Membuat Comment Counter di Komentar Blogger, saya rasa anda semua sudah paham dan mengerti apa yang saya maksud. Untuk itu, kita langsung saja ke cara penerapannya, namun jika ada yang masih bingung akan tutorial kali ini anda bisa melihat DEMO dahulu dibawah ini.

Live Demo

Cara Membuat Comment Counter di Komentar Blogger

1. Masuk ke Dashboard Blogger > Template > Edit HTML

2. Kemudian cari kode  ]]></b:skin>
3. Lalu paste kode dibawah ini tepat diatas kode tersebut

.comments ol{list-style:none;counter-reset:trackit} 
.comments li.comment{list-style:none;position:relative;counter-increment:trackit} 
.comments .comment-block:before{content:counters(trackit,".");position:relative;float:left;z-index:10000;left:-4.3em;top:-.2em;background:#A9C5CC;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-size:22px;color:#F7FCFF;text-align:center;padding:8px 16px 8px 14px} .comments .comment-replies 
.comment-block:before{content:counters(trackit,".");position:relative;float:left;z-index:10000;left:-4.7em;top:.5em;background:#A9C5CC;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-size:18px;color:#F7FCFF;text-align:left;padding:6px 1px} 

4. Selanjutnya Simpan Template
5. Selesai

Nah, saya rasa cukup sekian tentang Cara Membuat Comment Counter di Komentar Blogger, jika anda memiliki masalah atau pertanyaan seputar tutorial diatas silahkan ajukan dikotak koemntar. Semoga bermanfaat..

script by: newbloggerlab.com