Cara Membuat Tanda Ceklist pada Bullet List

Baca Juga

Daftar isi: [Tampil]

Klik gambar untuk memperjelas

Cara Membuat Tanda Ceklist pada Bullet List - Kalo kita memakai Bullet List yang default, kadang kita bosan dan jenuh, sekarang kita bisa merubah style Bullet List tersebut dengan tanda Ceklist. Kalo mau lihat contohnya ada diatas.

CSS :

• Login ke akun Blogger Anda
• Pergi ke menu Template
• Klik Edit HTML
• Lalu cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatasnya

.post-body ul li,.post-footer ul li{border-bottom:1px solid #ccc;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXzEo2jXACi8ixFjVgxLRWlugmnM5ccplOKEDm2inH2hqxB0SVmeKB4Nq9ATYcrk8aI32gEx3YFky_E-3cubEyhbHFUaAg8Sokm4-BnOb7LGAt1Z1obJ15CYOAXXVBttGlf_jL3GQFAk/s12/uncheck.gif);padding:.2em 0 .2em .5em}
.post-body ul li:hover,.post-footer ul li:hover{background-color:#f2f2f2;color:#3B5998;cursor:pointer;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLnTxhD16t4N2HPqj_IJDDbMr0nxS3Dviw8y35tf16SQ4d2IdJeYt21wQlPRVmJ-0iIiyooDsR5ROqknicjBu5r-dSTAjdEaMa2PTcVFYuE0xfaCwFvQTZpJ4V4j3AN9I0rSrJnxLOSV0/s12/check.gif)}

9 out of 10 based on 10 ratings. 9 user reviews.