Cara1st -
Mengapa saya katakan sangat mudah?
Ya karena kita hanya menggunakan satu Property dan Value nya saja sudah bisa membuatnya menjadi sejajar.
Memang sangat simpel sekali caranya.
Untuk membuat Elemen List menjadi sejajar kita hanya perlu menggunakan Property dan Value display:inline-table.
Apa kalian tau fungsinya? display:inline-table adalah Property CSS yang memiliki fungsi hampir sama dengan keluarganya display:inline-block, hanya saja Property display:inline-table ini akan membuat spasi baru memenuhi satu ruang pada elemen nya sendiri untuk ukuranya akan tetap atau sejajar.
Nah dari fungsinya saja kita sudah bisa mengambil kesimpulan bahwa dengan menggunakan Property ini kita bisa membuat sebuah Elemen menjadi sejajar.
Keuntungan dari Tutorial ini agar Elemen List tidak terlalu banyak memakan ruang Blog dan sedikit bisa mengurangin beban Blog.
Karena yang biasanya setiap satu ruang di isi dengan satu link Kategori saja, terlebih kalau Kategori Blog ada 10 keatas tentunya akan lebih memakan banyak ruang.
Seperti dibawah ini contohnya: #category-bottom li{display:inline-table} Atau biar lebih mudah langsung Copy saja scriptnya dibawah ini:
Kalau belum ada perubahan coba Reload halaman Blog nya**
Tutorial Membuat Elemen List Menjadi Sejajar
Sebenarnya cara membuat Elemen List Sejajar pada CSS MyWapBlog sangatlah mudah sekali.Mengapa saya katakan sangat mudah?
Ya karena kita hanya menggunakan satu Property dan Value nya saja sudah bisa membuatnya menjadi sejajar.
Memang sangat simpel sekali caranya.
Untuk membuat Elemen List menjadi sejajar kita hanya perlu menggunakan Property dan Value display:inline-table.
Apa kalian tau fungsinya? display:inline-table adalah Property CSS yang memiliki fungsi hampir sama dengan keluarganya display:inline-block, hanya saja Property display:inline-table ini akan membuat spasi baru memenuhi satu ruang pada elemen nya sendiri untuk ukuranya akan tetap atau sejajar.
Nah dari fungsinya saja kita sudah bisa mengambil kesimpulan bahwa dengan menggunakan Property ini kita bisa membuat sebuah Elemen menjadi sejajar.
Keuntungan dari Tutorial ini agar Elemen List tidak terlalu banyak memakan ruang Blog dan sedikit bisa mengurangin beban Blog.
Karena yang biasanya setiap satu ruang di isi dengan satu link Kategori saja, terlebih kalau Kategori Blog ada 10 keatas tentunya akan lebih memakan banyak ruang.
Contoh Penerapan
Untuk lebih jelasnya saya akan memberikan contoh penerapannya dalam Daftar Kategori Blog agar menjadi sejajar.Seperti dibawah ini contohnya: #category-bottom li{display:inline-table} Atau biar lebih mudah langsung Copy saja scriptnya dibawah ini:
Cara Pemasangan
Cara pemasangannya sangat gampang sekali, Yakni Login ke MyWapBlog > Dasbor > Tema > Sunting CSS > Pastekan Scriptnya > Simpan > Kunjungi blog.Kalau belum ada perubahan coba Reload halaman Blog nya**
0 Komentar untuk "Tutorial Membuat Element List Di CSS Mwb"