NEWS SPOT

Bullet dan numbering sering dipakai dalam pembuatan atau pengetikan teks. Berikut prosedur yang bisa sobat lakukan untuk pembuatan bullet dan numbering.

A. Membuat Numbering
1. Buat sebuah kalimat seperti di bawah ini, kemudian tekan enter
Lihat kursor pada posisi di bawah kalimat (lihat panah merah bawah)
Klik tombol Numbering di toolbar (panah merah atas)

2. Ketik kata: edit Profile kita
Tekan enter
3. Hal ini anda lakukan sebanyak yang anda butuhkan.
Contoh bisa di lihat di bawah ini

B. Membuat Bullet
4. uat sebuah kalimat seperti di bawah ini, kemudian tekan enter
Lihat kursor pada posisi di bawah kalimat (lihat panah merah bawah)
Klik tombol Bullet di toolbar (panah merah atas)
5. Ketik kata: edit Profile kita
Tekan enter

6. Lakukan enter, kemudian lakukan pengetikan, tekan enter untuk pindah ke bullet berikutnya. Hasilnya tampak seperti di bawah ini

C. Untuk mengubah format atau bentuk Bullet dan Numbering, lakukan langkah berikut:
7. Pada menubar pilih Format => Bullets and Numbering
8. Pada kotak dialog yang muncul
pilih tab numbered, pilih bentuk yang anda inginkan, klik OK
9. Pada kotak dialog yang muncul
pilih tab bulled, pilih bentuk yang anda inginkan, klik OK

Sebenarnya Cara Membuat Bullet and Numbering dengan HTML tidaklah sulit tapi hanya butuh ketelitian saja sobat. Kali ini saya hanya sedekar ingin berbagi pengetahuan tentang format bullet and numbering dengan HTML. Kalau sobat sering ngetik di Microsoft Word pasti sudah pernah menggunakan bullet and numbering. Itu loh… yang berfungsi untuk memberikan label urutan kepada suatu list. Misalnya urutan 1, 2, 3, 4, atau mungkin a, b, c, d, atau bisa juga berupa simbol.

Sebenernya di hampir semua blog sudah tersedia fasilitas penambahan bullet and numbering secara mudah dengan meng-klik iconnya saja, tapi bagi temen-temen yang lebih senang dengan tantangan atau mungkin ingin lebih berkreasi dengan bullet and numbering, bisa melalui HTML.

Contohnya:
1. ini bentuk numbering satu
2. numbering lagi
3. numbering lagi yach…
4. ini yang terakhir

Sejauh yang saya ketahui, untuk membuat bullet and numbering ini bisa langsung melalui HTML, atau bisa juga melalui CSS (Cascading Style Sheet). Namun kali ini saya hanya berbagi cara pembuatan melalui HTML saja, sedangkan via CSS lain kali aja yach… he he he…
Untuk tutorial ini bisa anda coba membuatnya di notepad, atau langsung di blog juga bisa.
Tentukan bentuk bullet/numbering yang anda inginkan. Jika ingin berupa number/nomor, seperti 1, 2, 3, 4, dst, maka kode yang Anda gunakan adalah:

<ol>
<li>ini bentuk numbering satu</li>
<li>numbering lagi</li>
<li>numbering lagi yach...</li>
<li>ini yang terakhir</li>
</ol>

Hasil yang terlihat akan seperti ini:
1. ini bentuk numbering satu
2. numbering lagi
3. numbering lagi yach…
4. ini yang terakhir

Yang menentukan list tersebut berupa number adalah code <ol> dan </ol>.
Sedangkan bila Anda ingin membuat list berupa bullet (simbol), maka code yang bisa Anda gunakan adalah:

<ul>
<li>ini bullet satu</li>
<li>ini bullet lagi</li>
<li>yang ini juga bullet</li>
</ul>

Sehingga hasilnya menjadi
• ini bullet satu
• ini bullet lagi
• yang ini juga bullet

Sedikit ada spesial pada tag UL ini: bentuk bullet bisa kreasikan, baik dengan code maupun dengan gambar. Misalnya:

<ul> <li style="list-style-type:disc">ini bentuk disc bulllet</li>
<li style="list-style-type:circle">ini bentuk circle (lingkaran)</li>
<li style="list-style-type:square">kalo yang ini bentuk persegi</li></ul>

Sehingga hasilnya seperti:
• ini bentuk disc bulllet
o ini bentuk circle (lingkaran)
 kalo yang ini bentuk persegi

Kalo mau icon listnya bukan berupa number atau bullet, tapi berupa gambar, Anda bisa menggunakan kode ul tersebut yang ditambahi dengan css inline yang diselipi dengan url gambar icon yang dimaksud. Seperti:
<ul style="list-style-image: url(http://www.blogger.com/favicon.ico)"> <li>ini list yang pake icon gambar</li>
<li>yang ini juga contohnya </li> </ul>
Sehingga hasilnya menjadi:

• ini list yang pake icon gambar
• yang ini juga contohnya