Modifikasi Numbering: tag <ol> menjadi tag <ol type="A">
Numbering di Blogger secara default menggunakan angka 1. 2. 3. dan seterusnya. Bagaimana kalau kita ingin menggantinya dengan huruf A. B. C. dst atau dengan angka romawi I. II. III dst. Cara mengubahnya sebagai berikut: Setelah Anda mengklik tombol numbering di mode compose dan pindah ke Edit HTML maka akan muncul kode seperti ini:
How to make 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>
<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>
<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>
Bullets List: tag <ul> menjadi tag <ul type="square">
Untuk mengubah bullet list caranya juga hampir sama. Pada postingan blogger yang telah kita beri bullet jika kita masuk mode Edit HTML maka akan 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>
<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>
Untuk mengubah bullet list tambahkan tag <ul> menjadi seperti ini:
<ul type="circle">
atau
<ul type="square">
0 comments:
Post a Comment