Membuat Multi Number di Posting

Membuat Multi Number di Posting

Sahabat Bloggers yang berbahagia, setelah melanglang buana bersama Google.com untuk mencari solusi membuat multi number di posting blog sekarang telah saya temukan resepnya atau solusinya. Hal ini berawal dari berbagai penerapan cara membuat nomer bersusun (multi numbering) telah saya terapkan namun template HTML5 saya tidak mampu menampilkan hasilnya. Ternyata sangat mudah solusinya...ingin tahu cara menyelesaikan masalah saya? ikuti terus info berikut ini.

Pada awal ceritera saya telah mendapatkan teori dari berbagai posting termasuk dari [akarnya langsung di HTML5 dan tutorial web master HTML disini, telah saya terapkan diantaranya seperti berikut ini:

Cara membuat Multi Numbering

Cara pertama :

<h4 align="center">Goals</h4> <ol> <li>Find a Job</li> <li>Get Money</li> <li>Move Out</li> </ol>

Hasilnya seperti berikut ini

Goals

1. Find a Job
2. Get Money
3. Move Out

Cara kedua :

<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ol start="1" type="I"> <li>Coffee</li> <ol start="1" type="a"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <li>Tea</li> <li>Milk</li> </ol> <ol reversed="reversed"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>

Hasilnya seperti berikut ini

1. Coffee
2. Tea
3. Milk

1. Coffee
1. Coffee
2. Tea
3. Milk
2. Tea
3. Milk

1. Coffee
2. Tea
3. Milk

Dengan asumsi bahwa

1. atribut reversed menentukan bahwa urutan daftar harus turun (9,8,7 ...)
2. atribut start menentukan nilai awal ordered list
3. atribut type 1, I, a, A, menentukan jenis penanda untuk digunakan dalam daftar

Namun setelah saya terapkan pada posting saya ternyata tidak seperti yang saya inginkan (lihat hasil posting di sini, ketika saya lihat blognya ternyata hanya angka desimal belaka yaitu 1, 2, 3 dst secara bersusun sehingga tidak nampak I, 1, a, i, kemudian bullet terakhir. Dimanakah gerangan permasalahannya? ternyata cukup mudah masalahnya yaitu pada template HTML saya masih kurang lengkap tentang CSS yang harus ada untuk tag tersebut, perhatikan tag berikut dan solusinya:

Pada template HTML5 saya hanya tertera tag :

ol { list-style-type: decimal;}

setelah saya pelajari perbedaannya dengan teori HTML yang ada maka seharusnya begini

ol { list-style-type: Numerals;}
ul li { list-style-type: square;}
ul { list-style-type: Letters;}

dimana :

• <ul> - unordered list; bullets
• <ol> - ordered list; numbers
• <dl> - definition list; dictionary

Jika Anda menggunakan HTML template lama berada di tag CSS:

.post-body ol {.... }
.post-body ul li {.....}
.post-body ul {.....}

Hasil survey menyatakan bahwa list order adalah

1. ol { list-style-type: Numerals;}
2. ul li { list-style-type: square;}
3. ul { list-style-type: Letters;}

Lower-Case Letters

1. Find a Job
2. Get Money
3. Move Out

Upper-Case Letters

1. Find a Job
2. Get Money
3. Move Out

Lower-Case Numerals

1. Find a Job
2. Get Money
3. Move Out

Upper-Case Numerals

1. Find a Job
2. Get Money
3. Move Out

Demikian info kali ini yang telah membuat saya cukup dipusingkan dengan masalah sepele ini, namun mungkin bisa menjadi pencerahan bagi yang memerlukan dengan kejadian yang setipe dengan masalah saya. Untuk lebih jelasnya silahkan situs web master diatas. Ada kurang lebihnya mohon maaf.

Bergabunglah untuk cari uang tak berbelit-belit!

Bisnis terpercaya di Joko Susilo.com dan Stop Dreaming in action Info Toko Surya62. Bisnis spektakuler Best Marketing place, Konten Islami, Bisnis click-bank, Blakblakan Marketing Online, Smart Machine System V 2.0, submit terbaik, MobiGarda-Iphone. Mari cari Uang di Internet bersama dengan klik berikut ini di Info Toko Surya62