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:

Blogger Tips

• SEO Blogger Kini Lebih Mudah dan Praktis
• Cara Agar Memperoleh Banyak Backlink | SEO Blog Banyak Pengunjung
• Cara Mudah Membuat Random Post Sederhana
• Cara Mudah Membuat Related Post dengan Linkwithin
• Membuat banner animasi via picasion
• List Tool SEO penunjang SEO
• Cara Memasang File Flash Di Blog Post
• Cara Pasang Recent Posts Thumbnails Dengan Mudah
• Mengenal Fungsi Navbar di Blogger
• Cara Mentransfer Akun Blog ke Akun Blog yang Lain
• Trik Menampilkan Total Post, Comment, dan Online User
• Blogger Belajar Dari Harry Potter
• Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
• 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
• Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
• 6 Situs Foto Gratis untuk Blog Anda
• Posting Blog Menggunakan Word 2010
• Batas/Limit Kapasitas Akun Blogger
• Cara Mengatasi Blog Post dari Copy Paste
• Gambaran Frekuensi Posting Blog kita
• Integrasi Antara Blogger dan Zemanta Gadget
• Share Buttons Milik Blogger
• Bagaimana Cara Kerja Google?
• Mengapa Page Rank Blog/Web Jatuh?