Tips Membuat Bullet pada Blog

Sebenarnya, secara default, blogspot sudah menyediakan fasilitas bulleted, berupa lingkaran berwarna hitam (disc black bullet), namun adakalanya kita tidak puas dengan fasilitas yang ada tersebut dan ingin mengkustomasi (berkreasi sendiri) dengan tujuan agar tampil beda. Untuk itu, Anda dapat mengikuti tips membuat bullet pada blog, siapa tahu Anda berkenan.

Sebelum melangkah kepada tipsnya, coba sekarang Anda login ke http://blogger.com hingga masuk Dasbor >> Entri Baru >> hingga Anda mendapati halaman posting.

Kemudian pada mode “tulis” (compose), coba Anda ketikkan sesuatu dengan format seperti di bawah ini. Kemudian klik daftar berbutir (icon bullet) hingga menjadi seperti seperti screenshot di bawah ini.

Coba sekarang Anda ubah halaman posting tersebut menjadi mode “Edit HTML” sehingga tampilannya seperti di bawah ini.

Jadi untuk membuat bullet adalah dengan format sebagai berikut.

<ul>
<li>baris satu</li>
<li> baris dua</li>
<li>baris seterusnya</li>
</ul>

Keterangan

ul = Unordered (Bulleted) List

li = list of item

teks berwarna hijau adalah contoh simulasi

Anda dapat berkreasi dengan jenis bullet yang lain, seperti lingkaran (circle) atau bujur sangkar (square) dengan cara sebagai berikut.

Bullet lingkaran (circle)

Tambahkan type=”circle” di dalam kode <ul> sehingga menjadi <ul type="circle">

Dalam contoh kasus ini, cara penulisan selengkapnya adalah sebagai berikut.

<ul type=”circle”>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>Minggu</li>
</ul>

Hasilnya seperti screenshot di bawah ini.

Bullet bujur sangkar (square)

Tambahkan type=”square” di dalam kode <ul> sehingga menjadi

<ul type="square">

Dalam contoh kasus ini, cara penulisan selengkapnya adalah sebagai berikut.

<ul type=”square”>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>Minggu</li>
</ul>

Hasilnya seperti screenshot di bawah ini

Selamat Mencoba!!

(sumber : Tips For New Blogger)

Baca juga yang ini

1. Tips Mendulang Rupiah dari Reviewmu.com
2. Tips Mendulang Dollar dari Buyblogreviews.com

Description: Tips Membuat Bullet pada Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tips Membuat Bullet pada Blog