Subscribe:

Kamis, 24 Januari 2013

Cara Membuat Numbering dan Bullet di Blog

Parfum dan Jam Tangan TERMURAH - OnlineShop TERPERCAYA
Menjual parfum KW-Original “ALL Brand” fast order (sms)085719416111




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 :
  1. cherylaghniads
  2. cherylaghniads
  3. cherylaghniads
  4. seterusnya.......
Huruf romawi (I, II, III, ... atau i, ii, iii,... ),
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 :
  1. cherylaghniads
  2. cherylaghniads
  3. cherylaghniads
  4. seterusnya.......
Huruf Alfabet ( A,B,C,... atau a,b,c,...)
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 :
  1. cherylaghniads
  2. cherylaghniads
  3. cherylaghniads
  4. 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.......
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>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>

Hasilnya seperti ini :
  • cherylaghniads
  • cherylaghniads
  • cherylaghniads
  • seterusnya.......
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>cherylaghniads</li> <li>cherylaghniads</li> <li>cherylaghniads</li> <li>seterusnya.......</li></ul>

Hasilnya seperti ini :
  • cherylaghniads
  • cherylaghniads
  • cherylaghniads
  • seterusnya.......
sebenarnya masih banyak variasi yang lain tinggal sobat kembangkan lagi,
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:

Unknown mengatakan...

nice post, terima kasih bantuannya gan

guru mengatakan...

keren, terima kasih,sudah saya praktikan dan berhasil :)

Ipunk Blog mengatakan...

Makasih tutorialnya, sangat bermanfaat sekali

"Budayakan " BERKOMENTAR " dan Berkomentarlah secara Bijak guna Membangun Lebih Baik Untuk Blog ini " -trims-