Kreatif, Inofatif dan Terampil
ADS Banner Header 468x60 */
ADS 300x250
Footer Ads
SEO BLOG & TEMPLATES
CB Magazine »
Desain WeBlog
»
Membagi Widget Label Menjadi 2 atau 3 Kolom
Membagi Widget Label Menjadi 2 atau 3 Kolom
Posted by CB Magazine on 2014/11/23 |
Desain WeBlog
Widget label merupakan widget yang digunakan untuk mengkelompokkan
posting. Terkadang tampilan widget label pada blog hanya satu kolom, ini
menyebabkan tampilan label memanjang kebawah jika label pada blog kita
jumlahnya sangat banyak. Agar tampilan label tidak memanjang kebawah
kita perlu membaginya menjadi dua kolom atau lebih.
Berikut langkah cara membagi widget label menjadi 2 atau 3 kolom :
1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.
4. Letakkan kode berikut diatas kode ]]></b:skin>
Berikut langkah cara membagi widget label menjadi 2 atau 3 kolom :
1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.
4. Letakkan kode berikut diatas kode ]]></b:skin>
#Label1 li { float:left; width:45%; }
5. Kode diatas untuk membuat label menjadi 2 kolom, sedangkan dibawah ini 3 kolom.
#Label1 li {float:left;width:33%;}
#Label2 li {float:left;width:33%;}
#Label2 li {float:left;width:33%;}
6. Simpan template.
Jika belum berhasil ubah ukuran width (lebar) sampai widget label berhasil menjadi beberapa kolom.
Jika belum berhasil ubah ukuran width (lebar) sampai widget label berhasil menjadi beberapa kolom.
Tweet

ADS 336x280 Teks
Top Ads

Top 5 Popular of The Week
-
Pengertian Blog dan Manfaat Blog - Saya akan definisikan dipertemuan kita kali ini. Pengertian Blog dan apa sih manfaat yang dapat kita...
-
Komponen Penilaian Kinerja Guru (PK Guru) ~Ada baiknya guru mengetahui dengan cermat apa saja yang menjadi komponen PK Guru. Hal ini tent...
-
Manipulasi Foto "Negeri Atas Awan" Saya akan berbagi tips & trik tentang memanipulasi gambar. Jika tutorial sebelum...
-
PT. GARUDAFOOD PUTRA PUTRI JAYA Gambaran Perusahaan GarudaFood Group adalah perusahaan makanan dan minuman di bawah kelompok usah...
-
Photoshop Fundamental Tips Trik Penjelasan Shortcut dan Layout Photoshop Lengkap Gambar : Layout Photoshop 7 [...
-
Tutorial kali ini akan mempelajari tentang cara membuat desain fantasy yang berbeda dari sebelumnya. Cara atau teknik yang digunakan juga...
-
PT. PUTRA ABI JAYA Gambaran Perusahaan Kami perusahaan kontraktor, bergerak dibidang pembangunan seperti pembangunan ho...
-
PT. Indonusa Telemedia Trans Vision - Pesatnya perkembangan teknologi di Indonesia memunculkan banyak media informasi yan...
-
Soal Semesteran Design Grafis
-
Azzahra Islamic Boarding School (SMP IT Putri) adalah sekolah Islam terpadu dengan model pondok pesantren (boarding school) dengan target ...