Cara Membuat Kotak Label Menjadi 2 Kolom

Cara Membuat Kotak Label Menjadi 2 Kolom

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.

Loading...

Share This :