Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Daftar Bullet Dan Numbering Dengan Kode HTML di Blogger

Dalam penulisan postingan, adakalanya kita memerlukan bullet dan numbering penomoran untuk kelengkapan artikel kita. bullet biasanya otomatis akan berbentuk bulat kecil hitam. sedangkan numbering biasanya otomatis akan memulai dari angka 1 dan seterusnya.

Membuat Daftar Bullet Dan Numbering Dengan Kode HTML di Blogger
Membuat Daftar Bullet Dan Numbering Dengan Kode HTML di Blogger

Menurut Pengalaman pribadi saya. Kalau kita menggunakan numbered list yang ada di dasbor blogger, dan kemudian terpisah oleh kalimat atau paragraf, otomatis akan mulai dari angka 1 lagi. dan Ini pasti akan menjadi kendala ketika kita akan memulai dari nomor tertentu. Nah untuk itu berikut ini ada beberapa cara untuk membuat bullet dan numbering di postingan blog.

Cara Membuat Bullet dan Numbering Menggunakan Kode HTML di Blogspot

Pembuatan Bullet dan numbering yang tersedia di editor postingan blogger itu sebenarnya fungsinya sama saja, dan tag dasar yang di gunakan semua sama yaitu menggunakan kode ul, ol dan li.

Namun untuk melakukan kreasi dan modifikasi maka anda harus berada pada mode HTML dalam penulisan artikel. Mungkin terbilang sangat rumit kalau belum terbiasa menulis artikel di mode HTML dan kebanyakan orang menulis artikel di blogger menggunakan Mode Menulis.

Dan di bawah ini ada beberapa contoh penulisan daftar list bullet dan numbering menggunakan kode HTML di blogger atau blogspot

1. Bullet List

Pada umumnya bullet terdiri dari tiga type yaitu, Circle (lingkaran Terisi) Disc (Lingkaran penuh) Square (Persegi 4 Terisi). Dan atribut penggunaan tag <ul> itu menentukan jenis bullet yang akan tampil pada postingan artikel kita.

Contoh 1: Type Circle

<ul type="circle">

    <li>Contoh 1</li>
    <li>Contoh 2</li>
    <li>Contoh 3</li>
</ul>

Hasilnya Seperti Berikut :
       
  • Contoh 1
  •    
  • Contoh 2
  •    
  • Contoh 3


Contoh 2: Type Dics

<ul type="disc">

    <li>Contoh 1</li>
    <li>Contoh 2</li>
    <li>Contoh 3</li>
</ul>


Hasilnya seperti Berikut :
       
  • Contoh 1
  •    
  • Contoh 2
  •    
  • Contoh 3


Contoh 3: Type Square

<ul type="square">

    <li>Contoh 1</li>
    <li>Contoh 2</li>
    <li>Contoh 3</li>
</ul>


Hasilnya seperti Berikut :
       
  • Contoh 1
  •    
  • Contoh 2
  •    
  • Contoh 3


2. Numbering List

Type umum numbering adalah angka biasa (1 2 3 dst) romawi (I II III dst) maupun yang lain (A B C dst). Dan tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol> dan ditutup dengan kode </ol>. Sedangkan untuk masing masing item atau list dibuka dengan <li> dan ditutup dengan </li>.

Contoh 1: Type Numbering

<ol>

       <li>Contoh Nomor 1</li>
       <li>Contoh Nomor 2</li>
       <li>Contoh Nomor 3</li>
       <li>Contoh Nomor 4</li>
       </ol>


Hasilnya seperti Berikut :
           
  1. Contoh Nomor 1
  2.        
  3. Contoh Nomor 2
  4.        
  5. Contoh Nomor 3
  6.        
  7. Contoh Nomor 4
  8.        


Contoh 2: Type Romawi

<ol type=I>

       <li>Contoh Romawi I   </li>
       <li>Contoh Romawi II </li>
       <li>Contoh Romawi III </li>
       </ol>


Hasilnya seperti Beriku :
           
  1. Contoh Romawi I   
  2.        
  3. Contoh Romawi II
  4.        
  5. Contoh Romawi III
  6.        


Contoh 3: Type Huruf

<ol type=A>

       <li>Contoh Huruf A </li>
       <li>Contoh Huruf B </li>
       <li>Contoh Huruf C </li>
       <li>Contoh Huruf D </li>
       </ol>


Hasilnya seperti Berikut :
           
  1. Contoh Huruf A
  2.        
  3. Contoh Huruf B
  4.        
  5. Contoh Huruf C
  6.        
  7. Contoh Huruf D
  8.        


Penomoran Halaman Yang Terpisah Oleh Kalimat Atau Paragraf


<ol start = "4">

       <li>Untuk Nomor 4</li>
       <li>Untuk Nomor 5</li>
       <li>Untuk Nomor 6</li>
       <li>Untuk Nomor 7</li>
       </ol>


Hasilnya seperti Berikut :
           
  1. Untuk Nomor 4
  2.        
  3. Untuk Nomor 5
  4.        
  5. Untuk Nomor 6
  6.        
  7. Untuk Nomor 7
  8.        


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 Berikut :
  1. satu
  2. dua
    • bagian satu
    • bagian dua
    • bagian tiga
  3. tiga

Oke sobat demikianlah, cara membuat dan memaksimalkan bullet, Numbering dalam postingan blog menggunakan kode HTML, semoga saja bermanfaat untuk rekan rekan blogger semuanya. dan tak lupa saya sebagai admin blog ini mengucapkan banyak banyak terimakasih atas waktu dan kunjungan anda anda semua. wasalam

Salam Blogger Indonesia

Posting Komentar untuk "Membuat Daftar Bullet Dan Numbering Dengan Kode HTML di Blogger"