Wednesday, December 16, 2015

Membuat bullet dan number pada blogger

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.


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
  1. Handphone
  2. Camera
  3. Televisi
Buat bullet
  • Tas
  • Sepatu
  • Cincin


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>

    Jenis-jenis kamera digital
  1. Pocket
  2. Prosumer
  3. DSLR

contoh lain :

Kode HTMLPreview
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
  1. Pocket
  2. Prosumer
  3. DSLR




    Jenis-jenis kamera digital
  1. Pocket
  2. Prosumer
  3. DSLR


Semoga sharing ini bermanfaat

No comments:

Post a Comment