Seringkali kita ingin merapikan blog dengan membutuhkan bullet atau numbering. Selain menggunakan menu pada blogger, kita juga bisa membuat variasi menggunakan html atau CSS.
Pada posting kali ini, kita mencoba menggunakan html.
Penjelasan :
<br /> : baris baru / enter
untuk membuat nomor, diawali dengan <ol> dan diakhiri dengan </ol>
untuk membuat bullet, diawali dengan <ul> dan diakhiri dengan </ul>
Contoh dalam penggunaan :
Pada posting kali ini, kita mencoba menggunakan html.
| Kode HTML | Preview |
|---|---|
| Buat nomor <br /> <ol> <li>Handphone</li> <li type="a">Camera</li> <li>type="i"Televisi</li> </ol> Buat bullet <br /> <ul> <li>Tas</li> <li type="square">Sepatu</li> <li type="circle">Cincin</li> </ul> | Buat nomor
|
Penjelasan :
<br /> : baris baru / enter
untuk membuat nomor, diawali dengan <ol> dan diakhiri dengan </ol>
untuk membuat bullet, diawali dengan <ul> dan diakhiri dengan </ul>
Contoh dalam penggunaan :
| Kode HTML | Preview |
|---|---|
<ol>Jenis-jenis kamera |
digital
<li>Pocket</li>
<li>Prosumer</li>
<li>DSLR</li>
</ol>
contoh lain :
Semoga sharing ini bermanfaat
<li>Pocket</li>
<li>Prosumer</li>
<li>DSLR</li>
</ol>
- Jenis-jenis kamera digital
- Prosumer
- DSLR
contoh lain :
| Kode HTML | Preview |
|---|---|
| Jenis-jenis kamera digital <br /> <ol> <li type="i">Pocket</li> <li type="i">Prosumer</li> <li type="i">DSLR</li> </ol> <br /> <ol>Jenis-jenis kamera digital <li type="I">Pocket</li> <li type="I">Prosumer</li> <li type="I">DSLR</li> </ol> | Jenis-jenis kamera digital
|
Semoga sharing ini bermanfaat
Related Posts
Tabel dengan scroll dan header tetap menggunakan HTML, contoh 6Jika kita mempunyai dabel data yang cukup panjang kebawah, kita bisa membuat 'scroll' pada isi tabel sedangkan headerny- Membuat tabel di blogger menggunakan CSS, Contoh 3 li.a { list-style-type: square; list-style-position:outside; } .subjudul { co
- Membuat tabel di blogger menggunakan CSS, Contoh 4 li.a { list-style-type: square; list-style-position:outside; } .subjudul { co
Membuat hyperlink di blogger menggunakan html Untuk membuat link pada blogger, bisa menggunakan kode html atau menu Contoh :Definisi GPON, XGPON dan NGPONkode - Cara menggabungkan Kolom dan Baris pada Tabel di Blog, contoh 5 li.a { list-style-type: square; list-style-position:outside; } .subjudul { co
- Membuat Bullet dan Numbering untuk Blogger menggunakan CSSArtikel ini memberikan contoh membuat bullet dan numbering menggunakan CSS yang bisa digunakan untuk merapikan halaman
Membuat bullet dan number pada blogger
4/
5
Oleh
Unknown