Cara Membuat Kotak Label Menjadi 2 Kolom
Kali ini akan membagikan Cara Membuat Kotak Label Menjadi 2 Kolom. Dengan Widget ini, tampilan blog menjadi lebih simple dan rapi.
Biasanya pada settingan template bawaan, tampilan label hanya 1 kolom saja. Sehingga hal ini akan membuat tampilan kolom label terlalu panjang kebawah jika sudah banyak label postingan yang dibuat.
Dengan membuat tampilan kotak label menjadi 2 atau 3 kolom tentunya bisa menghemat tempat di blog sobat. Selain itu juga blog menjadi lebih simple dan enak dilihat.
Baca juga : Cara Membuat Widget Multi Tab View 3 Kolom
Berikut Cara Membuat Kotak Label Menjadi 2 Kolom :
1. Masuk ke akun blogger sobat
2. Masuk ke menu tab Template > Edit HTML
3. Kemudian cari kode
4. Letakkan kode berikut ini tepat di atasnya :
Kode di atas untuk membagi ke dalam 2 kolom
2. Masuk ke menu tab Template > Edit HTML
3. Kemudian cari kode
]]></b:skin>4. Letakkan kode berikut ini tepat di atasnya :
#Label1 li { float:left; width:45%; }Kode di atas untuk membagi ke dalam 2 kolom
5. Untuk membagi ke dalam 3 kolom gunakan kode dibawah ini :
#Label1 li {float:left;width:33%;} #Label2 li {float:left;width:33%;} 6. Simpan Template dan lihat hasilnya.
Note :
Jika belum berhasil, coba ubah bagian width nya dan sesuaikan dengan template di blog sobat masing-masing.
Jika belum berhasil, coba ubah bagian width nya dan sesuaikan dengan template di blog sobat masing-masing.
Gimana sobat ? Mudah kan.
OK, sekian dulu. Selamat mencoba semoga berhasil dan bermanfaat.
Terima kasih.
Terima kasih.
0 Response to "Cara Membuat Kotak Label Menjadi 2 Kolom"
Post a Comment