Cara Membagi Label Blog Menjadi 2 Atau 3 Kolom

loading...
Haloo sobat media2give,setelah pada postingan sebelumnya saya sudah pernah membahas tentang Cara Mengatur Widget Agar Berjejer,kali ini saya akan berbagi informasi lainnya,masih seputar blog,yaitu tentang Cara Membagi Label Blog Menjadi 2 Atau 3 Kolom.Label atau disebut juga dengan Tag,pada halaman blog berfungsi sebagai penanda sekaligus untuk mengkategorikan postingan blog ke jenis informasi yang di bagikan.

Contohnya saja label tips,trik,aplikasi,game,musik,komputer dan lainnya.Mengklasifikasikan postingan ke dalam kategori ini penting,karena akan memudahkan pembagian jenis informasi.Jika label di klik maka semua artikel yang tergolong di dalamnya akan terbuka.Kalau yang di buka label game,semua artikel game dan yang berkaitan akan langsung bisa kita lihat.Pengaturan untuk label ini sudah terdapat dalam setting blog itu sendiri dan bisa di ubah sesuai keperluan kita.

Ada tipe label Cloud,yang menampilan bentuk label berurutan dengan arah yang menyamping/horizontal,dan ada juga tipe label yang berbentuk vertikal,memanjang ke bawah.Tergantung mau pilih yang mana.Jika memilih yang vertikal,pastinya akan makan banyak space di sidebar.Solusinya adalah dengan memakai yang satunya,tipe cloud tadi.Namun,tak cuma itu saja karena sebenarnya masih ada cara lain untuk menampilkan widget dengan versi hemat,irit tempat.

Caranya dengan membaginya ke beberapa kolom,bisa 2 atau tiga,tergantung besarnya space di sidebar.Nah,untuk bisa melakukannya,silahkan saja disimak langkah-langkahnya berikut ini :

1. Login blog dulu
2. Pilih Template > edit HTML
3. Cari kode ]]></b:skin> (gunakan ctrl+F untuk mempermudah pencarian)
4. Letakkan kode di bawah ini,tepat diatas kode ]]></b:skin> tadi

Kode 2 Kolom :
#Label1 li { float:left; width:45%; }

Kode 3 kolom :
#Label1 li {float:left;width:33%;}
#Label2 li {float:left;width:33%;} 

5. Klik Simpan

Notice : Kalian bisa mengubah sendiri ukurannya dengan mengganti angka bertanda merah sesuai keinginan

loading...
loading...

4 Comments

Leave a Reply

Your email address will not be published.


*