Cara Mengatasi Numbered dan Bulleted List yang Tidak Muncul di Posting Blog

Post a Comment
Template blog yang "over edit" kadang menghilangkan list style di postingan. Berikut ini cara mengatasi numbered dan bulleted lists yang tidak muncul di posting blog.

Cara Mengatasi Numbered dan Bulleted Lists yang Tidak Muncul di Posting Blog

Numbered Lists dan Bulleted Lists kadang bahka sering tidak muncul dalam tulisan. Padahal, list-nya sudah disetting saat menulis posting dengan klik menu Number List atau Bullet List, seperti dalam gambar di atas.

Bagaimana mengatasinya? 

Sebelumnya, kita lihat dulu contoh list style dalam posting blog.

List (daftar) adalah salah satu jenis highlighs dalam tulisan. Penggunaan list sangat disarankan demi keterpindaian (scannable) dan keterbacaan (readable) alias enak dibaca dan mudah dipahami. 

Contoh Tampilan Numbered List di Postingan Blog:
  1. List Pertama
  2. List Kedua
  3. List Ketiga
  4. List Keempat
  5. List kelima

Contoh Tampilan Bulleted List di Postingan Blog:
  • List Pertama
  • List Kedua
  • List Ketiga
  • List Keempat
  • List kelima

Numbered dan Bulleted List

Cara Mengatasi Numbered dan Bulleted Lists yang Tidak Muncul

Nah, jika di posting blog Anda list tersebut tidak muncul, padahal sudah disetting demikian, maka lakukan langkah berikut ini:

1. Klik Tema > Edit HTML
2. Simpan atau "copas" saja kode berikut ini di atas kode ]]></b:skin>

.post ul,.post ol{margin:20px;margin-top:5px}
.post ol li{list-style-type:Decimal;padding-left:1px;margin:5px 0 0 20px}
.post ul li{list-style-type:Disc;padding-left:1px;margin:5px 0 0 20px}
.widget .post-body ul {padding: 0 1em;margin: 0.5em;line-height: 1.3;}

3. Save! Simpan template.

Jika ingin tampilan atau desain yang lebih menarik, Anda bisa gunakan salah satu gaya list dalam link di bawah ini:

1. Stylish Numbered Lists Blogger
2. Stylish Bulleted Lists Blogger

Itu dia Cara Mengatasi Numbered dan Bulleted Lists yang Tidak Muncul di Posting Blog. Jika menggunakan template bawaan Blogger, biasanya tidak ada masalah.*

Related Posts

Post a Comment

Contact Form

Name

Email *

Message *