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.......
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.
Cara Membuat Gabungan Penomoran dan Bullets
<ol>
<li>satu</li>
<li>dua
<ul>
<li>bagian satu</li>
<li>bagian dua<;/li>
<li>bagian tiga</li>
</ul>
</li>
<li>tiga</li>
</ol>
Dan hasilnya akan seperti di bawah:
- satu
- dua
- bagian satu
- bagian dua
- bagian tiga
- tiga
Read more: http://cherylaghniads.blogspot.com/2013/01/cara-membuat-numbering-dan-bullet-di.html#ixzz2QROF49Yx
Facebook
0 komentar:
Posting Komentar