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. Untuk number list, silakan buka Cara Mempercantik Number List Postingan.

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
Author Image

About CB Blogger
Contoh Blog --sebut saja CB -- Panduan Blogging untuk Pemula - Tips SEO, Desain, Template SEO Friendly, Cara Membuat Blogger Keren, Google Adsense, dll. Subscribe! to get update via email.

6 komentar on Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS

  1. This comment has been removed by the author.

    ReplyDelete
  2. Muter muter karena kata kunci kurang tepat, akhirnya nemu & nyampe juga sama postingan yang dibutuhin.

    Sukses selalu gan. . 👍😊

    ReplyDelete
    Replies
    1. Hehe.. benar, kadang kita tidak menemukan info yang dicari di Google karena kata kunci yang tidak pas

      Delete
  3. Emm, kalo untuk nomor gimana tuh, bulletnya udah rapi tapi numbernya belum 😊

    ReplyDelete
    Replies
    1. Number list di sini:
      https://www.contohblog.com/2015/10/mempercantik-tampilan-numbered-list.html

      Delete

Contact Form

Name

Email *

Message *

Back To Top