Mengembalikan Numbered List dan Bullet List pada Postingan Setelah Validasi HTML5

Selain muncul bulat-bulat atau titik hitam pada Tata Letak template, memvalidasi HTML5 juga membuat penggunaan daftar penomoran dan daftar poin-perpoin tidak muncul setelah kita memposting sebuah artikel yang menggunakan kedua tools tersebut.

Tidak hanya pada satu postingan saja, bahkan hal tersebut juga berlaku untuk semua postingan yang kebetulan menggunakan keduanya atau salah satunya saja.

Mengembalikan Numbered List dan Bullet List pada Postingan Setelah Validasi HTML5

Nah bagi anda yang terlanjur memvalidasi HTML5 tentu tidak perlu khawatir akan hal ini, sebab sudah ada solusinya. Anda tidak perlu mengembalikan template ke bentuk semula, template yang saat itu belum valid HTML5. Berikut cara mengembalikan penomoran dan daftar poin pada postingan yang tiba-tiba hilang penampakannya.

Mengembalikan Numbered List dan Bullet List pada Postingan Template Blogger

1. Seperti biasa, login ke akun blog, buka dashboard blog, lalu klik Template > Edit HTML.
2. Kopi kode berikut ini dan letakkan di bawah kode <style type='text/css'>
.post ul {margin: 5px 0 5px 10px;padding: 0 0 0 20px;list-style-type: inherit;}
.post ol {margin: 5px 0 5px 10px;padding: 0 0 0 20px;list-style-type: decimal;}
3. Setelah itu, klik Simpan Template.

Selamat, numbered list dan bullet list blog anda telah kembali sebagaimana mestinya. Bagi yang ingin membuat variasi pada numbered list dan bullet list pada blog dengan versi sendiri, silahkan lihat-lihat stylenya di http://www.w3schools.com/cssref/tryit.asp?filename=trycss_list-style-type_all  untuk daftar variasi lainnya.

3 komentar

  1. Profil:https://www.blogger.com/profile/01168964142948192194
    caranya cukup mudah yamas.
    sayasudah lumayan lama nih nggak memperhatikan validasi HTML 5
    • Profil:https://www.blogger.com/profile/13162875744493565460
      betul mas caranya cukup mudah.
      hanya saja penggunaan HTML5 ini tergantung selera aja
  2. Profil:https://www.blogger.com/profile/17250117178464289667
    Kalau di template saya ini termasuk HTML 5 atau apa ya mas?
  • Gunakan fitur Format Kode untuk menulis atau menyisipkan kode dan gambar dengan format tertentu.
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi via Email ketika ada balasan.
  • Apabila ada pertanyaan diluar artikel silahkan buat topik baru di .
  • Untuk menyisipkan gambar, silahkan upload gambar terlebih dahulu. Lalu salin URL Gambar tersebut, paste ke kolom di bawah ini, lalu klik tombol Image.
  • Untuk menyisipkan Potongan Kode, atau Quote, paste kode tersebut ke kolom di bawah ini, lalu klik tombol pre, code, atau quote.
  • Untuk menulis kode dalam Syntax Highlighter gunakan format kode panjang.
  • Setelah itu, salin atau copy hasil parse dengan klik tombol icon Salin Kode! lalu paste ke kolom komentar.

image quote pre code