bungfrangki
Tutorial Blog
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.

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.
2. Kopi kode berikut ini dan letakkan di bawah kode <style type='text/css'>
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.
Tidak hanya pada satu postingan saja, bahkan hal tersebut juga berlaku untuk semua postingan yang kebetulan menggunakan keduanya atau salah satunya saja.

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;}3. Setelah itu, klik Simpan Template.
.post ol {margin: 5px 0 5px 10px;padding: 0 0 0 20px;list-style-type: decimal;}
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.
Share this
3 komentar
https://www.blogger.com/profile/01168964142948192194
2015-05-21T04:17:00+07:00https://www.blogger.com/profile/01168964142948192194
sayasudah lumayan lama nih nggak memperhatikan validasi HTML 5
https://www.blogger.com/profile/13162875744493565460
2015-05-21T04:17:00+07:00https://www.blogger.com/profile/13162875744493565460
hanya saja penggunaan HTML5 ini tergantung selera aja
https://www.blogger.com/profile/17250117178464289667
2015-05-21T04:17:00+07:00https://www.blogger.com/profile/17250117178464289667
Image
.pre
,code
, atauquote
.Salin Kode!
lalu paste ke kolom komentar.image quote pre code