Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Cara Memberi Nomor Pada Kotak Komentar Blog

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(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/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.

Berlangganan artikel via email

2 Response to "Cara Memberi Nomor Pada Kotak Komentar Blog"

Bagus nih sob! Gambar dan warna kotak nomer nya pun masih bisa dimodifikasi. Nice :)

Balas

sedikit berbagi aja sob, mungkin aja bisa bermanfaat jika ada yang membutuhkan :D
thanks kunjungan setia mas daniel..

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Memberi Nomor Pada Kotak Komentar Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode