Cara Merapikan Tampilan Bullet List di Postingan Blog Menggunakan CSS
July 18, 2019
Menggunakan Bullet List di postingan blog disarankan agar tulisan ramah pengguna (user friendly), yakni mudah dipindai (scannable) dan mudah dipahami.
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:
1. Tema > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin>
3. Save!
Hasilnya seperti gambar di bawah ini. Bandingkan dengan list sebelumnya, lebih rapi 'kan?
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).*
Inti contoh bullet list:
- Cara membuat blog
- Tips SEO Blog
- Koleksi Template Blog
- Membuat Numbered List Keren
- Daftar Istilah Blog
Kadang Tampilan Bullet List di Postingan Blog tidak rapi, jika daftar(list) yang ditampilkan berupa kalimat panjang. Lihat contoh berikut ini:
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?
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).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
sangat membantu bosqu
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteMuter muter karena kata kunci kurang tepat, akhirnya nemu & nyampe juga sama postingan yang dibutuhin.
ReplyDeleteSukses selalu gan. . 👍😊
Hehe.. benar, kadang kita tidak menemukan info yang dicari di Google karena kata kunci yang tidak pas
DeleteEmm, kalo untuk nomor gimana tuh, bulletnya udah rapi tapi numbernya belum 😊
ReplyDeleteNumber list di sini:
Deletehttps://www.contohblog.com/2015/10/mempercantik-tampilan-numbered-list.html
Terima kasih sangat membantu, works di blog saya.
ReplyDeleteMengapa bullet list pada template saya tidak bisa diubah ya mas?
ReplyDelete