Cara membuat Numbering List atau Bullet List Bertingkat di Blogger (How To Create Nested Numbering Or Bullet List in Blogger)

Sahabat tekno-g, kali ini kita akan berbagi bagaimana cara membuat numbering list atau bullet list bertingkat di blogger atau istilah kerennya kita buat how to create nested numbering or bullet list in blogger. Sebelum kita mulai ada baiknya kita pahami dulu apa maksud dari judul artikel tersebut.

Untuk memahami apa itu Penomoran bertingkat atau Poin Bullet bertingkat silahkan lihat gambar dibawah ini :

Klik Pada Gambar Untuk Memperbesar

Gambar diatas menjelaskan bahwa pada Numbering List 1 sampai dengan 3 terdapat Bullet list yang Nested (Bersarang) dibawah numbernya yaitu Bullet Nested 1 1 dan Nested 1 2.
Demikian juga pada Bullet List 1 sampai dengan 3 Terdapat lagi Bullet List yang nested (bertingkat) yaitu List 1 1 dan List 1 2.
Dalam keadaan normal pada blogger kita hanya bisa membuat 1 (satu) level saja seperti dibawah ini :

1. Number 1
2. Number 2
3. Number 3

Sahabat bisa membuatnya dengan menu Numbered List atau Bullet List yang ada pada menu posting di blogger, seperti gambar dibawah ini :

Namun menu tersebut memiliki keterbatasan yaitu tidak bisa membuat Penomoran secara bertingkat atau bersarang.
Nah untuk membuatnya pada posting blogger kita harus melakukan secara manual dengan sedikit mengganti kode HTML yang ada di blogger tersebut.
Berikut hasilnya setelah di sesuaikan di kode HTML Blogger :

1. Number 1
• Nested 1 1
• Nested 1 2
2. Number 2
• Nested 2 1
3. Number 3

• List 1
• List 1 1
• List 1 2
• List 2
• List 3

Jika dilihat kode HTML nya adalah sebagai berikut :

Untuk mengakses kode HTML sahabat tinggal Klik Tombol HTML yang ada di kanan atas layar entri posting :

Jadi setelah kita mendapat gambaran bagaimana cara membuat Numbering Bertingkat mari kita rangkum lagi bagaimana cara membuatnya :
Berikut Cara Membuat Numbering List atau Bullet List Bertingkat :

1. Buat Numbering List yang kita butuhkan misalnya :


1. Number 1
2. Number 2
3. Number 3
2. Untuk menambahkan Bullet dibawah numbering, ubah jadi HTML mode dan Insertkan tag sebagai berikut :
<ol>
<li>Number 1</li>
<ul>
<li>Nested 1 1</li>
<li>Nested 1 2</li>
</ul>
<li>Number 2</li>
<ul>
<li>Nested 2 1</li>
</ul>
<li>Number 3</li>
</ol>
3. Jadi intinya Jika ingin menambahkan numbering atau bullet bertingkat, tinggal kita tambahkan kode <ul><li>data bullet1</li></ul> atau <ol><li>data numbering</li></ol>
4. Hasilnya bisa dilihat seperti awal artikel ini.

Sahabat yang berminat kode HTML dalam bentuk File Teks silahkan Download Disini

Demikian Cara membuat Numbering List atau Bullet List Bertingkat di Blogger (How To Create Nested Numbering Or Bullet List in Blogger), sehingga bisa dimanfaatkan bagi sahabat yang ingin menerapkannya pada blognya masing-masing.
Terima kasih sudah berkunjung ke blog tekno-g ini, Jika sahabat menemukan hal yang salah dalam artikel ini silahkan komentar yang membangun untuk perbaikan, kami akan berusaha mencari solusi segera mungkin. Apabila merasa bermanfaat yang besar silahkan like and share. Terima kasih