Cara Membuat Numbering dan Bullet di Blog - Setiap kali sobat membuat postingan, mungkin sekali-sekali ingin menampilkan daftar item (list), baik berupa penomoran (numbering) maupun bullet.
Fungsi Membuat Numbering dan Bullet di Blog ini sendiri yaitu untuk memberikan label atau urutan agar tulisan tersebut terlihat rapi sehingga dapat dipahami dengan mudah oleh para pembacanya.
Sebenarnya pada post editor blog sudah tersedia fasilitas untuk membuat list baik numbering maupun bullet, untuk blogspot sendiri fasilitas ini terdapat pada mode "Tulis" atau "Compose" yaitu berupa icon, dan penggunaannya cukup dengan meng klik icon tersebut. namun penggunaan fasilitas ini dirasa kurang praktis dan kurang memadai, terutama karena kurangnya variasi type numbering maupun bullet,
sekarang langsung saja kita topik postingan kali ini :
Tag HTML Numbering List
Ada beberapa tipe Penomoran (numbering list) antara lain:
type umum (default) dari Numbering adalah lambang bilangan (1,2,3,... dst) Adapun Tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol> dan ditutup dengan kode </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:
<ol>
<li>cherylaghniads</li>
<li>cherylaghniads</li>
<li>cherylaghniads</li>
<li>seterusnya.......</li>
</ol>
Hasilnya seperti ini :
- cherylaghniads
- cherylaghniads
- cherylaghniads
- seterusnya.......
Adapun Tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol type="I"> dan ditutup dengan kode </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol type="I">
<li>cherylaghniads</li>
<li>cherylaghniads</li>
<li>cherylaghniads</li>
<li>seterusnya.......</li>
</ol>
Hasilnya seperti ini :
- cherylaghniads
- cherylaghniads
- cherylaghniads
- seterusnya.......
Adapun Tag HTML yang digunakan untuk type ini, dibuka dengan kode <ol type="A"> dan ditutup dengan kode </ol> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>.
Contoh:<ol type="A">
<li>cherylaghniads</li>
<li>cherylaghniads</li>
<li>cherylaghniads</li>
<li>seterusnya.......</li>
</ol>
Hasilnya seperti ini :
- cherylaghniads
- cherylaghniads
- cherylaghniads
- seterusnya.......
Tag HTML Bullet List
Ada beberapa tipe Bullet (bullet list) antara lain:
Tipe Disc,
Penulisan Tag HTML nya( contoh agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter)
Contoh:<ul type="Disc"> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>
Hasilnya seperti ini :
- cherylaghniads
- cherylaghniads
- cherylaghniads
- seterusnya.......
Penulisan Tag HTML nya ( contoh agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter)
Contoh:<ul type="Circle"> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>
Hasilnya seperti ini :
- cherylaghniads
- cherylaghniads
- cherylaghniads
- seterusnya.......
Penulisan Tag HTML nya ( contoh agar jarak antar barisnya tidak terlalu jauh maka penulisan tagnya tidak perlu ganti baris (tidah usah di enter)
Contoh:<ul type="Square"> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>
Hasilnya seperti ini :
- cherylaghniads
- cherylaghniads
- cherylaghniads
- seterusnya.......
baca juga tentang membuat simbol-simbol di blog
Demikian postingan kali ini mengenai cara Cara Membuat Numbering dan Bullet di Blog semoga bermanfaat.
3 komentar:
nice post, terima kasih bantuannya gan
keren, terima kasih,sudah saya praktikan dan berhasil :)
Makasih tutorialnya, sangat bermanfaat sekali
"Budayakan " BERKOMENTAR " dan Berkomentarlah secara Bijak guna Membangun Lebih Baik Untuk Blog ini " -trims-