Berlangganan Situs Kami

Smile Untuk Tidak Spam.

Membuat Nomor Otomatis Pada Menu Dengan Css MyWapBlog

Cara membuat angka muncul secara otomatis pada menu dengan css di mywapblog ini di maksudkan yaitu pada menu tanpa css li seperti di blogroll, category dan recent post sudah ada menu li nya tapi bagaimana di navigation yaitu home, about atau pada komentar jelas bagian itu tidak ada li nya dan berikut ini cara menampilkannya.

Disini saya memberi contoh pada navigation dan sudah saya coba di komentar silahkan kreasi sendiri, saya tidak memberi kode untuk komentar karena bisa menimbulkan bahasa komentar baru seperti ini..

"Dapat nomer butut nih bro komentar nomor 69"
bisa-bisa blog ini di bilang menjadi apa tuh seperti penggerak demo lupa namanya... question

number-list.gif

Css yang diterapkan.


Disana kode untuk menampilkan adalah counter-reset: item, content: counter(item); counter-increment: item pada item dapat di ganti dengan flag dan banyak lagi seperti, sub menu, heading dll dapat anda cari lewat pencarian google.

CATATAN :
Jika ingin mengubah angka yang di mulai misal 5 6 7 pada kode css before cari kode ini counter-increment: item dan ganti menjadi counter-increment: item 4 jadi cukup tambahkan angka di ujungnya.

sumber artikel
1. W3school klik disini untuk mempelajari css counter section
2. W3org klik disini untuk mempelajari counter automatic numbering list mwb.

Demikian tambahan, kritik serta sarannya di tunggu smile.

Silakan Beri Kami 1 Menit untuk Sharing Posting Ini!
Share Media Social →
FOLLOW US →
BAGIKAN KE →
Powered By : Official WapMasTer