Cara Memberi Nomor Pada Kotak Komentar Blog

Cara Memberi Nomor Pada Kotak Komentar Blog – berbagai tips trik dan tutorial untuk mempercantik blog pada bagian kotak komentar merupakan sebagai salah satu alasan yang dapat untuk membuat kesan tersendiri apabila dengan tampilan blog anda yang menarik dan teratur maka bukan tidak mungkin jika pengunjung blog anda pun juga merasa senang.
Setelah pada pembahasan di hari yang lalu jika anda sudah Merubah tulisan Poskan Komentar kemudian Membuat Kolom Komentar Show Hide dan Menggabungkan 3 Kolom Komentar Blogger Facebook dan Twitter untuk memudahkan pengunjung blog anda dalam memberikan komentar tentang konten blog yang anda posting, maka jika dengan tampilan tersebut anda kurang puas dan lebih ingin untuk menambah sedikit perubahan tampilan yang rapi dan tentunya juga SEO friendly. Dengan demikian maka pembahasan mengenai kotak komentar pada blog ini akan saya sampaikan pada tutorial yang ada dibawah ini yaitu berikut Cara Memberi Nomor Pada Kotak Komentar Blog:

1. Login ke blogger
2. Kemudian pada dashboard klik Template > Edit HTML > Lanjutkan (beri centang pada Expands Widget Template).
3. Lalu gunakan tombol fungsi CTRL + F untuk mempermudah mencari kode ]]></b:skin>
4. Setelah kode tersebut ketemu maka langkah selanjutnya anda copy kode dibawah ini kemudian letakan/paste kode tersebut tepat di atas atau sebelum kode ]]></b:skin>

.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/AVvXsEgERHweE5ZA1DedHpj5nDFr_KaKraiIEZ00bSJjTBTvPB2-rZfoNFM6WyyE7cE9LBKY1jerZqYnTS4sWBBWqi5pqnsKqLsC8kG6Gc56n3FZNUwDQM9XAZ4zzwSSOmSm8-SaSgrgIpcM5Wcj/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;
}

5. Langkah terakhir Simpan Template dan selesai, silahkan anda lihat hasilnya.

Demikian tentang pembahasan artikel mengenai Cara Memberi Nomor Pada Kotak Komentar Blog, semoga bermanfaat dan selamat mencoba.