Cara membuat Numbering List atau Bullet List Bertingkat di 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.

Semoga bermanfaat.
Sumber : tekno-g.blogspot.com