Saturday, August 14, 2010

Bullet dan Numbered List

Bullet and Numbering
Bullet List dan Numbered List pada sebuah posting terkadang diperlukan untuk menampilkan beberapa sub kategori atau sub bagian kecil dari bagian yang lebih besar. Dengan menggunakan tampilan listing seperti ini, tulisan akan lebih tersusun berdasarkan kategori tertentu dan diharapkan pembaca akan lebih mudah memahaminya.

Seperti halnya pada Microsoft Word, Open Office atau word processor lainnya, bullet list pada Blogspot berbentuk gambar sedangkan numbered list berbentuk angka. Pada saat membuat tulisan yang akan dipublikasikan, kita dapat memilih penggunaan Bullet dan Numbered list dengan mudah karena sudah disediakan tool khusus untuk keperluan itu pada bagian atas kotak editor.

Tool bullet list dan numbered list hanya akan terlihat pada mode Compose (bukan pada Edit HTML) tetapi untuk kondisi tertentu kita akan memerlukan pengeditan HTML jika penulisan bullet dan numbered list memiliki sub list yang lain.

Contoh :
Bullet List
Contoh warna-warna terang :
  • Putih
  • Kuning
  • Merah muda
Numbered List
Contoh warna-warna gelap:
  1. Hitam
  2. Cokelat
  3. Abu-abu
Bullet list di dalam numbered list
Berdasarkan makanannya hewan dibagi menjadi tiga bagian besar yaitu :
  1. Herbivora
    • Sapi
    • Kerbau
    • Kuda
  2. Carnivora
    • Harimau
    • Singa
    • Buaya
  3. Omnivora
Penulisan Bullet List pada HTML dawali dengan <ul> dan diakhiri dengan </ul> sedangkan sub list nya di awali dengan <li> dan diakhiri dengan </li>. Penulisan numbered list dawali dengan <ol> dan diakhiri dengan </ol> sedangkan sub list nya di awali dengan <li> dan diakhiri dengan </li>. Lebih jelasnya dapat dilihat pada video tutorial. (Mohon maaf link download video tutorial sedang direvisi)