Macam-macam List Style website

List style adalah bullet icon pada rangkaian tulisan ataupun link yang berguna sebagai pemisah dari point satu ke point lainnya. dalam hal ini List Style pada blog digunakan sebagai pemisah dari point ke point lain pada postingan dan pemisah antar link satu ke link yang lain pada sidebar, footer, main dan lain-lain.

contoh List Style Type pada postingan:

• saya point satu
• saya point dua
• saya point tiga

1. saya point satu
2. saya point dua
3. saya point tiga

sudah mengertikan dengan yang namanya Type List Style? kalau sudah mengerti berikut ini model-model list style type yang bisa anda pasang pada blog anda

* list-style-type: disc;

* list-style-type: lower-greek;

* list-style-type: circle;

* list-style-type: hewbrew;

* list-style-type: square;

* list-style-type: armenian;

* list-style-type: decimal-leading-zero;

* list-style-type: georgian;

* list-style-type: lower-roman;

* list-style-type: cjk-ideographic;

* list-style-type: upper-roman;

* list-style-type: hiragana;

* list-style-type: upper-alpha;

* list-style-type: katakana;

* list-style-type: lower-alpha;

* list-style-type: hiragana-iroha;

* list-style-type: none;

* list-style-type: inherit;

Untuk pemasangannya anda bisa ikuti cara dibawah ini:

• Silahkan login ke blogger.
• Tuju Tata Letak.
• Klik Edit HTML.
• Cari kode "list-style-type", jika list-style-type tersebut terletak di bagian css sidebar, maka yang akan anda ubah adalah icon bullet pada sidebar.
• Contohnya seperti ini :

#sidebar ul { padding:0; margin:0; color:#FFF }
#sidebar ul li { list-style-type:square; padding-left:5px; margin:8px 0 0 20px } 

• Ubah dan sesuaikan dengan keinginan sobat, contohnya di ubah menggunakan list-style-type: hiragana-iroha;, maka ganti hasilnya menjadi : 

#sidebar ul { padding:0; margin:0; color:#FFF }
#sidebar ul li {list-style-type: hiragana-iroha; padding-left:5px; margin:8px 0 0 20px} 

• setelah selesai akhiri dengan menyimpannya

NB: List Style Type tidak hanya digunakan pada sidebar tapi pada main, footer dan lain-lain.

Anda baru saja membaca artikel yang berkategori Tips dan Trik dengan judul Macam-macam List Style website. Anda bisa bookmark halaman ini dengan URL https://helwie-ahmad.blogspot.com/2011/03/macam-macam-list-style-website.html. Terima kasih!

Ditulis oleh: Unknown - Senin, 14 Maret 2011