Friday, 7 November 2014

TRIK CARA MEMBUAT BULLETS DAN NUMBERING TAG HTML PADA POSTING BLOG


Cara Membuat Bullet and Numbering pada posting blog tidaklah sulit tetapi hanya butuh ketelitian. 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 memadai, terutama karena kurangnya variasi type numbering maupun bullet, juga pada saat kita hendak menggunakan list yang bertingkat. Selain itu pada post editor mode "HTML" Fasilitas Bullet dan numbering tidak tersedia sehingga mau tidak mau harus membuatnya.


HTML mendukung beberapa format list, baik numbering List dan bullets List.


  • Tag HTML Bullet List

          Ada beberapa tipe Bullet (bullet list) antara lain:
  1. 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>urutan ke-1</li> <li>urutan ke-2</li> <li>urutan ke-3</li> <li>urutan seterusnya...</li></ul>
    Hasilnya:
    Contoh:
    • urutan ke-1
    • urutan ke-2
    • urutan ke-3
    • urutan seterusnya...
  2. Tipe Circle
    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>urutan ke-1</li> <li>urutan ke-2</li> <li>urutan ke-3</li> <li>urutan seterusnya...</li></ul>
    Hasilnya sbb:
    Contoh:
    • urutan ke-1
    • urutan ke-2
    • urutan ke-3
    • urutan seterusnya...
  3. Tipe Square
    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>urutan ke-1</li><li>urutan ke-2</li><li>urutan ke-3</li><li>urutan seterusnya...</li></ul>
    Hasilnya sebagai berikut:
    Contoh:
    • urutan ke-1
    • urutan ke-2
    • urutan ke-3
    • urutan seterusnya...

No comments:
Write komentar