Variasi, Pernak-pernik, Macam-macam Ikon untuk List

Variasi, Pernak-pernik, Macam-macam Ikon untuk List - Maksudnya adalah Variasi, atau macam-macam ikon list. Yang dimaksud ikon list seperti ini,

  • 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'); 

Kreasikan sendiri ^_^

0 comments:

Posting Komentar