Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS

Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS

Menggunakan Bullet List di postingan blog disarankan agar tulisan ramah pengguna (user friendly), yakni mudah dipindai (scannable) dan mudah dipahami.

Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS


Inti contoh bullet list:


Kadang Tampilan Bullet List di Postingan Blog tidak rapi, jika daftar(list) yang ditampilkan berupa kalimat panjang. Lihat contoh berikut ini:

Bullet List di Postingan Blog

Cara Merapikan Tampilan Bullet List 

Berikut ini cara merapikan bulleted list di postingan blog. Sangat mudah.

1. Tema > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin>

.post-body ul li {list-style: initial;margin: 0 0 4px 15px;line-height:1.4em;}

3. Save!

Hasilnya seperti gambar di bawah ini. Bandingkan dengan list sebelumnya, lebih rapi 'kan?

Bullet List di Postingan Blog


Demikian Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS. Good Luck and Happy Blogging! (www.contohblog.com).*

Thanks for reading Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS | Labels: Desain Blog edit this post
0 Komentar untuk "Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS"

Contact Form

Name

Email *

Message *