Menambahkan Garis Bawah Secara Otomatis Untuk Penomoran Di Blog

Keinginan Saya untuk menambah garis bawah pada penomoran blog ini bermula Ketika Saya berkunjung ke salah satu blog, dan kebetulan di blog tersebut Saya melihat adanya penomoran yang disertai dengan garis bawah yang rapih, biasanya Saya juga sering melaksanakan penomoran di blog namun secara manual,  tidak memakai sistem "Numbered list" yang tersedia di halaman/form entri blog.

Baca juga : Teknik cepatdangampang Membuat Blok Warna Dalam Postingan Blog

Saya coba cek template blog yang memakai penomoran dengan garis bawah tersebut, dan ternyata beliau memakai Template dari Kang Mousir, maka Sayapun pribadi mendownload salah template Kang Mousir yang memakai sistem penomoran dengan garis bawah tersebut, Template yang digunakan Kang Mousir sendiri memakai penomoran dengan garis bawah yang halus. 

Sesudah di download, Saya coba melihat susunan CSS untuk sistem penomorannya dan pribadi Saya adopsi ke Tamplate Evo, alasannya ialah setahu Saya di Template Evo tidak ada style khusus untuk sistem penomorannya. Menurut Saya kalau menggunakan sistem penomoran, tampilan tulisannya lebih rapih dan tertata.

Baca juga : Membuat Variasi Link Ketika Mouse Hover

Bila Anda ingin Menambahkan Garis Bawah Secara Otomatis Untuk Penomoran di Blog  maka Anda dapat mengikuti cara - cara dibawah ini, 

1. Pertama masuk ke blog, kemudian lakukan Edit HTML

2. Cari kode <b:skin><![CDATA[/* dan taruh instruksi ini dibawahnya 

 /*Garis Bawah untuk penomoran */  dl,ol,ul{margin-left:20px} ol{list-style:decimal outside} ul{list-style:square outside} li{margin:5px 0} ol ol,ul ul{margin-left:16px} ol li{border-bottom:1px solid #ccc;padding:0 0 5px} dl{overflow:hidden} 

3. Terakhir Simpan Template, Nanti akan selalu ada garis bawah setiap kali Anda melaksanakan penomoran memakai "Numbered list"

Kurang lebih nanti kesannya menyerupai terlihat pada gambar dibawah ini, akan terlihat ada garis dengan warna sedikit ke bubuk -abuan pada setiap penomoran

 

Share :