Cara Membuat Tampilan Kotak Label Menjadi 2 Kolom dan 3 Kolom di Blog

Cara Membuat Tampilan Kotak Label Menjadi 2 Kolom dan 3 Kolom di Blog

Kali ini Santai Bareng NET akan membagikan Cara Membuat Kotak Label Menjadi 2 Kolom Hingga 3 Kolom di Blog. 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.

Oh iya, nanti sobat juga bisa mencoba trik Cara Memasang Widget Daftar Atikel Berdasarkan Label di blog, agar tampilan blog menjadi lebih menarik.

{tocify} $title={Daftar Isi}

Cara Membuat Tampilan Kotak Label Menjadi 2 Kolom dan 3 Kolom di Blog

1. Masuk ke blogger.
2. Masuk ke menu tab Template - Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Letakkan kode berikut ini tepat di atasnya:

Membagi Tampilan Label Menjadi 2 Kolom

#Label1 li {float:left; width:45%;}{codeBox}

Membagi Tampilan Label Menjadi 3 Kolom

#Label1 li {float:left;width:33%;}
#Label2 li {float:left;width:33%;}{codeBox}

6. Simpan Template dan lihat hasilnya.

Jika belum berhasil, coba ubah bagian width. Sesuaikan ukuran dengan template blog sobat.{alertSuccess}

Selanjutnya, sobat juga bisa menerapkan Cara Membatasi Jumlah Postingan yang Tampil di Halaman Label pada blog sobat masing-masing.

Sekian tutorial blogger pemula mengenai Cara Membuat Tampilan Kotak Label Menjadi 2 Kolom dan 3 Kolom di Blog. Semoga bermanfaat!
Lebih baru Lebih lama
Jasa Penulisan Artikel SEO Murah Bergaransi