Cara Menggunakan Bullet dan Numbering pada Postingan Blog

Apa itu  Bullet dan Numbering ?

Bullet adalah tanda yang dipakai untuk memberikan gambar atau lambang tertentu pada daftar tulisan yang terdapat dalam satu alinea (paragraph). 

Sedangkan Numbering adalah tanda berupa angka yang diberikan pada daftar tulisan yang terdapat dalam satu alinea (paragraph).

Apa Fungsi Bullet dan Numbering ?

Fungsi bullets dan numbering pada blog yaitu memberikan fungsi tanda bullets atau opsi lain dan memberikan penomoran pada setiap paragraf. 

Dengan Bullets and numbering tersebut, maka tulisan pada blog kamu akan terlihat lebih rapi dan lebih menarik.

Lantas bagaimana cara membuat bullet dan numbering (daftar berbutir dan daftar bernomor)? Fitur ini digunakan untuk membuat penomoran yang rapi dan menarik ketika menampilkan sebuah daftar.

Terdapat dua jenis list yang umum digunakan yaitu ordered list (daftar yang terstruktur dan urut) serta unordered list (sebuah daftar tanpa urutan).

Untuk dapat menampilkan urutan 1 2 3 4 atau a b c d kita menggunakan ordered list (daftar berurut) sedangkan unordered list menampilkan dot(titik) hitam atau cakram bulat sebagai penanda daftar.

Terkadang kita akan memerlukan bullet dan numbering (penomoran) untuk kelengkapan artikel/ postingan kita. Bullet biasanya otomatis akan berbentuk bulat kecil hitam. Sedangkan numbering biasanya otomatis akan mulai dari angka 1.

Pada saat kita menggunakan numbered list yang sudah ada di dasbor blogspot, kemudian terpisah kalimat atau paragraf, otomatis akan mulai dari angka 1 lagi. 

Ini yang kemudian akan menjadi kendalan ketika kita akan memulai dari nomor tertentu. Nah, untuk itu, perlu kita mengetahui cara membuatnya yang benar. Berikut beberapa cara untuk membuat bullet dan numbering:

Cara Membuat Bullets dan Numbering Tag HTML di Blogspot

Pembuatan bullet dan numbering adalah dengan fungsi yang tersedia di dasbor, "Numbered list" atau "Bullet list". 

Tag dasar yang digunakan semua sama yaitu ul, ol dan li. Untuk bisa melakukan kreasi dan modifikasi pastikan kita berada pada mode HTML. 

1. Bullet List

Tipe umum bullet terdiri dari tiga jenis, yaitu : "circle" (lingkaran terisi), "disc" (lingkaran penuh), dan "square" (persegi terisi).

 Atribut penggunakan tag <ul> menentukan jenis bullet yang akan terlihat pada halaman blog.

Contoh Pertama: Circle

<ul type="circle">
    <li>contoh 1</li>
    <li>contoh2</li>
    <li>contoh3</li>
</ul>

Hasilnya

Contoh Kedua: Dics

<ul type="disc">
    <li>contoh 1</li>
    <li>contoh 2</li>
    <li>contoh 3</li>
</ul>

Hasilnya seperti ini :

• contoh 1
• contoh 2
• contoh 3

Contoh Ketiga: Square

<ul type="square">
    <li>contoh 1</li>
    <li>contoh 2</li>
    <li>contoh 3</li>
</ul>

Hasilnya seperti ini:

• contoh 1
• contoh 2
• contoh 3

2. Numbered List

Tipe umum numbering adalah angka biasa (1,2,3,... dst), romawi (I,II,III,... dst), maupun yang lain (A,B,C,... dst.). 

Tag HTML yang digunakan untuk tipe ini, dibuka dengan kode <ol> dan ditutup dengan kode </ol>. Sedangkan untuk masing masing item/list dibuka dengan <li> dan ditutup dengan </li>.

Contoh Pertama Angka:

<ol>
       <li>Untuk Nomor 1</li>
       <li>Untuk Nomor 2</li>
       <li>Untuk Nomor 2</li>
       <li>Dan seterusnya....</li>
       </ol>

Hasilnya seperti ini:

1. Untuk Nomor 1
2. Untuk Nomor 2
3. Untuk Nomor 2
4. Dan seterusnya....

Contoh Kedua Angka Romawi:

<ol type=I>
       <li> Untuk romawi I   </li>
       <li> Untuk romawi II </li>
       <li> Untuk romawi III</li>
       <li>Dan seterusnya....</li>
       </ol>

Hasilnya:

Contoh Ketiga Huruf:

<ol type=A>
       <li>Untuk huruf A </li>
       <li>Untuk huruf B </li>
       <li>Untuk huruf C </li>
       <li>Dan seterusnya....</li>
       </ol>

Hasilnya:

Penomoran Pada Halaman Yang Terpisahkan Oleh Kalimat, Atau Paragraf

Pada saat kita membuat penomoran, kemudian terpisah oleh kalimat atau paragaraf, otomatis setelah kalimat atau paragraf tersebut dimulai dari angka awal (pertama). Mengatasi kendala tersebut, caranya sebagai berikut:

Contoh  melanjutkan no ke Empat:

<ol start = "4">
       <li>Untuk Nomor 4</li>
       <li>Untuk Nomor 5</li>
       <li>Untuk Nomor 6</li>
       <li>Dan seterusnya....</li>
       </ol>

Hasilnya seperti ini:

4. Untuk Nomor 4
5. Untuk Nomor 5
6. Untuk Nomor 6
7. Dan seterusnya...

Cara Membuat Gabungan Bullet dan Numbering: 

Contohnya seperti ini

<ol>
<li>satu</li>
<li>dua
<ul>
<li>bagian satu</li>
<li>bagian dua</li>
<li>bagian tiga</li>
</ul>
</li>
<li>tiga</li>
</ol>

Hasilnya seperti ini:

1. satu
2. dua
   • bagian satu
   • bagian dua
   • bagian tiga
3. tiga

Demikian, cara membuat dan memaksimalkan bullet & numbering dalam postingan blog, silahkan dipraktekan sendiri.Semoga berhasil. Terima Kasih atas kunjungannya.