Cara mewarnai bullet tanpa gambar

Sekarang kita akan membahas cara mewarnai list bullet tanpa menggunakan gambar, Jika belum bisa membuat bullet list pada blog, baca artikel beberapa jenis bullet tanpa gambar untuk membuat bullet tanpa menggunakan gambar. Setelah selesai mempraktekkan cara tersebut, sekarang kita akan mewarnai bullet yang sudah dibuat seperti contoh dibawah.

• Jika sudah berhasil membuat bullet list pada blog, sekarang kita cukup menambahkan sebaris kode css untuk warna bullet tersebut menjadi seperti kode dibawah.



.ul tipe1 {
 list-style-type: disc;
 color: #0D954D; 
}



• Sampai disini warna bullet list sudah berubah menjadi hijau, tapi entah kenapa warna text ikut berubah menjadi hijau.
• Untuk mengubah warna pada text, kita harus meng-edit html pada postingan.
• klik tombol HTML disebelah tombol Compose pada postingan anda.
• Tambah kode <span> sebelum text/kalimat yang diberi bullet list seperti dibawah.



<li><span style="color: black;">text/kalimat</span></li>



• Tambahkan kode span style sebelum text/kalimat yang diberi bullet seperti diatas, setelah itu save postingan anda. Semoga bermanfaat.