Membuat Bullet List Dengan Css

Membuat Bullet List Dengan Css - Hmm, udah sumpek gara-gara blogku error,
cari tutorial malah nemuin ini, langsung saja aku coba,
gag tau akan sukses atau gag, tapi aku coba dulu.
Oiya sebelumnya silahkan dicoba tutorial Membuat Bullet List Dengan Css ini,

kali aja pada juga pingin nyoba. Silahkan di ikuti caranya dibawah :

• Masuk ke Edit HTML pada blog masing-masing
• Copy script berikut ini di atas ]]></b:skin>

 

.post-body ul {
margin: 0 auto;
background: #def;
padding: 0 0 0 25px;
list-style-image: url(http://4.bp.blogspot.com/-Thrd-5Ufd-U/
TlopZd6OSRI/AAAAAAAABso/xnFa43D30r4/s1600/uncheck.gif);
}
.post-body li {
margin: 0 0 0 10px;
padding: 3px;
border-bottom: 1px solid #999;
}
.post-body li:hover {
list-style-image: url(http://3.bp.blogspot.com/-1nWUFcXMHno/
Tloo6Sp_dkI/AAAAAAAABsU/ZXrFOIVNUAY/s1600/check.gif);
background-color: #CDE0E7;
cursor: pointer;
}

Untuk selanjutnya silahkan save templatenya, dan mulailah posting sista and brada. hiiii
Demonya seperti diatas, jika cursor didekatkan maka akan aktif centangnya.

referensi : http://sin1aja.blogspot.com/2012/05/modifikasi-list-bullet-dengan-css.html