Variasi, Pernak-pernik, Macam-macam Ikon untuk List - Maksudnya adalah Variasi, atau macam-macam ikon list. Yang dimaksud ikon list seperti ini,
list-style-type: georgian;
Kreasikan sendiri ^_^
- Ikon list 1
- Ikon list 2
- Ikon list dst . . .
Yang
dimaksud ikon, itu yang bulat hitam. Nah, sekarang udah tau kan apa itu
variasi ikon list. Yuk sekarang kita muali memberi variasi pada ikon
tersebut, jangan cyman hitam bulet doang, kita kreasikan. Caranya, untuk
mengubah modifikasi ikon list, kita harus melakukan pengeditan pada
"Edit HTML"
- Masuk ke blogger
- Buka design/rancangan
- Pilih Edit HTML
- Cari kode list-style-type ,ada 2 macam, yang di sidebar dan yang di post (Gunakan Ctrl+F untuk mencari)
Contoh yang di sidebar, sidebar ul{list-style:none;margin:0;padding:0}
Contoh yang di post, list-style-type:none;margin:0;padding:0 0 0 2px}
- Nah, itulah contohnya. Lalu kita mulai modifikasi dengan mengganti kode none dengan macam-macam kode untuk ikon list berikut, Caranya --> ganti kode none dengan kode di bawah ini yang merah
list-style: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: decimal-leading-zero;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: upper-alpha;
list-style-type: lower-alpha;
list-style-type: none;
list-style-type: lower-greek;
list-style-type: armenian;
list-style-type: georgian;
list-style-type: cjk-ideographic;
list-style-type: hiragana;
list-style-type: katakana;
list-style-type: hiragana-iroha;
Jika, Sobat ingin membuat ikon list sendiri, misal dengan gambar sendiri, caranya seperti ini, tinggal ubah kodenya menjadi, list-style-image:url('URL IMAGE');
list-style-image:url('sqpurple.gif');
0 comments:
Posting Komentar