Mengubah Icon Bullet Secara Manual

Assalaamu'alaikum . Kesempatan lagi nih buat sharing tutorial. Mungkin anda merasa kalau tampilan bullet anda itu biasa biasa saja. Biasanya bullet default berbentuk bulat dan warna hitam. Tapi anda bisa merubahnya sesuai keinginan anda. Penasaran gimana caranya? Langsung aja kita ke pokok pembahasan.

• Nah anda bisa lihat sendiri contohnya nih !

Ada contoh lain gak ? Pastinya ada. Coba perhatikan contoh berikut

• Ini contoh pertama
• Ini contoh kedua

Gimana? Hebat kan ? kalau memang anda tertarik, silahkan copy kode berikut.....

<ul style="list-style-image: url(http://www.blogger.com/favicon.ico);">

<li>Nah anda bisa lihat sendiri contohnya nih !</li>

</ul>

Keterangan => Silahkan mengganti kode berwarna merah sesuai lokasi gambar anda

ATAU anda bisa gunakan kode ini....

<ul>

<li style="list-style-image: url(http://www.blogger.com/favicon.ico);">Ini contoh pertama</li>

<li style="list-style-image: url(http://facebook.com/favicon.ico);">Ini contoh kedua</li>

</ul>

Keterangan => Warna merah dan warna biru bisa anda ganti sesuai lokasi gambar anda.

Nah, gimana? Gampang kan ! Simple aja koq caranya. Semoga bermanfaat !