Kali ini Santai Bareng 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.
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.
Dapatkan artikel Tutorial Blog & Optimasi Blog lainnya di Barungeblog.com
Terima kasih.
Dapatkan artikel Tutorial Blog & Optimasi Blog lainnya di Barungeblog.com