Cara Memodifikasi Bullet List dan Numbered List di Blogger Post

Biasanya di Blogger Post hanya menyediakan satu bentuk saja baik bullets maupun numbered. Di sini saya akan berbagi bagaimana cara memodifikasi bullets dan numbered list pada blogger post supaya lebih variatif atau dalam kondisi tertentu mungkin kita membutuhkannya. Berikut cara praktis Memodifikasi Bullets dan Numbered di Blogger Post:
Numbered List
Ketika anda menulis post di tab "compose" kemudian anda ingin membuat numbering di posting anda dengan menekan tombol "Numbered list" maka hasilnya setiap item akan terlihat 1, 2, 3 dan seterusnya 

Terkadang kita ingin bentuk lain misalkan bentuk A, B, C, dan seterusnya atau bentuk angka romawi I, II, III, dan seterusnya. Untuk merubahnya sangat sederhana, setelah anda menekan tombol numbered list seperti pada gambar di atas maka silahkan rubahlah post editor dari "compose" ke "Edit HTML"  maka anda akan melihat kode seperti di bawah ini.

How to bake a chocolate cake

<ol>
<li>Preheat oven.</li>
<li>Sift together flour, baking powder, baking soda, cocoa and sugar.</li>
<li>Add water and oil.</li>
<li>Add eggs, milk and vanilla.</li>
<li>Pour batter into pan.</li>
</ol>

Selanjutnya anda tinggal menambahkan pada tag <ol> menjadi seperti ini <ol type="A"> maka hasilnya akan seperti berikut

<ol type="A">
<li>Preheat oven.</li>
<li>Sift together flour, baking powder, baking soda, cocoa and sugar.</li>
<li>Add water and oil.</li>
<li>Add eggs, milk and vanilla.</li>
<li>Pour batter into pan.</li>
</ol>

Silahkan klik compose maka hasilnya seperti terlihat pada gambar berikut

Bullet List
Bagaimana dengan merubah bullet? hampir sama dengan cara di atas silahkan anda membuat daftar yang sudah diberi daftar bullet, lihat gambar di bawah ini

Kemudian ganti dari tab "Compose" ke "Edit HTML" maka akan terlihat kode seperti ini.

Ingredients

<ul>
<li>all purpose flour</li>
<li>baking powder</li>
<li>baking soda</li>
<li>cocoa</li>
<li>sugar</li>
<li>water</li>
<li>oil</li>
<li>eggs</li>
<li>milk</li>
<li>vanilla</li>
</ul>

Silahkan tambahkan tag <ul> menjadi seperti
<ul type="circle">
atau
<ul type="square">

Selamat mencoba sobat.

.::Related Posts: