Cara Membuat Kotak Label Menjadi 2 Kolom ~ Santai Bareng

Cara Membuat Kotak Label Menjadi 2 Kolom

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 ]]></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.

Gimana sobat ? Mudah kan.

OK, sekian dulu. Selamat mencoba semoga berhasil dan bermanfaat.
Terima kasih.

Cara Membuat Kotak Label Menjadi 2 Kolom

Baca Juga

Santai Bareng

comment 0 komentar

0 komentar