Cara Membuat dan Memaksimalkan Bullet & Numbering dalam Postingan Blog

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

Cara Membuat dan Memaksimalkan Bullet dan Numbering  dalam Postingan Blog

Saat kita menggunakan numbered list yang ada di dasbor blogspot, kemudian terpisah kalimat atau paragraf, otomatis akan mulai dari angka 1 lagi. Ini akan menjadi kendalan ketika kita akan memulai dari nomor tertentu. Nah, untuk itu, 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 melakukan kreasi dan modifikasi pastikan kita berada pada mode HTML. 


1. Bullet List

Tipe umum bullet terdiri dari tiga jenis, "circle" (lingkaran terisi), "disc" (lingkaran penuh), dan "square" (persegi terisi). Atribut penggunakan tag <ul> menentukan jenis bullet yang akan terlihat pada halaman blog.

Contoh 1: Circle
<ul type="circle">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Hasilnya seperti ini:
  • Item 1
  • Item 2
  • Item 3

Contoh 2: Dics
<ul type="disc">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Hasilnya seperti ini:
  • Item 1
  • Item 2
  • Item 3

Contoh 3: Square
<ul type="square">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Hasilnya seperti ini:
  • Item 1
  • Item 2
  • Item 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 1:
<ol>
       <li>Ini Untuk Nomor 1</li>
       <li>Ini Untuk Nomor 2</li>
       <li>Ini Untuk Nomor 2</li>
       <li>Dan seterusnya.......</li>
       </ol>

Hasilnya seperti ini:
  1. Ini Untuk Nomor 1
  2. Ini Untuk Nomor 2
  3. Ini Untuk Nomor 2
  4. Dan seterusnya.......

Contoh 2:
<ol type=I>
       <li>Ini Untuk Untuk I   </li>
       <li>Ini Untuk Untuk II </li>
       <li>Ini Untuk Untuk III</li>
       <li>Dan seterusnya.......</li>
       </ol>

Hasilnya seperti ini:
  1. Ini Untuk I
  2. Ini Untuk II
  3. Ini Untuk III
  4. Dan seterusnya.......

Contoh 3:
<ol type=A>
       <li>Ini Untuk Untuk A </li>
       <li>Ini Untuk Untuk B </li>
       <li>Ini Untuk Untuk C </li>
       <li>Dan seterusnya.......</li>
       </ol>

Hasilnya seperti ini:
  1. Ini Untuk A
  2. Ini Untuk B
  3. Ini Untuk C
  4. Dan seterusnya.......


PENOMORAN HALAMAN YANG TERPISAH OLEH KALIMAT, ATAU PARAGRAF

Ketika kita membuat penomoran, kemudian terpisah oleh kalimat atau paragaraf, otomatis setelah kalimat atau paragraf tersebut dimulai dari angka pertama. Mengatasi kendala tersebut, caranya.

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

Hasilnya seperti ini:
  1. Ini Untuk Nomor 4
  2. Ini Untuk Nomor 5
  3. Ini Untuk Nomor 6
  4. Dan seterusnya.......

Gabungan Bullet dan Numbering 

<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, selamat mencoba.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel