Pada postingan sebelumnya kita pernah membahas tentang bagaimana menampilkan Widget Kategori atau Label pada blog di blogger agar tidak memakan banyak ruang karena banyaknya label pada artikel yang kita buat dengan menjadikan widget Kategori atau label tersebut menjadi Menu Dropdown Box baca ( Cara Membuat Menu Dropdown Katagori Blogger ).Nah kali ini Selain membuat widget kategori atau label menjadi dropdown menu, agar tidak memakan banyak ruang pada sidebar atau blog anda, ada cara lain yang bisa kita lakukan yaitu dengan Membagi Kolom Kategori/Label Widget menjadi dua atau beberapa kolom.
Adapun Cara Membagi Kategori/Label Widget Ke Beberapa Kolom adalah:
1. Buka Blogger Dasbord anda di sini
2. Pilih Opsi Lainya >> Pilih Templete >> Back Up dulu templete anda.
3. Klik Edit HTML .
4. Cari id='Label ( Label id Blog anda) Gunakan Ctrl + F untuk mencarinya .
5. Label code id blog anda mungkin seperti kode dibawah ini.
id='Label1 atau id='Label2
6. Setelah anda menemukan label id blog anda (no.5) copy kode di bawah ini dan pastekan diatas kode ]]></b:skin> .
#Label1 ul li{
float: left;
width: 45%;
}
atau jika label id anda Label2 .Copi dan pastekan kode di bawah ini diatas kode ]]></b:skin> .
#Label2 ul li{
float: left;
width: 45%;
}
Keterangan:
Lebar ( width ) kolom kategori (45 %) anda bisa menggantinya sesuaikan dengan lebar sidebar anda .sedangkan jika anda ingin membuatnya menjadi 3 kolom anda bisa mengganti width (lebar) tesebut menjadi Lebih kecil dari width 2 colom tadi dan sesuaikan dengan lebar sidebar anda.
7. Simpan Templete anda .
Selesai selamat mencoba dan semoga bermanfaat.......
Senin, 24 Desember 2012
Membagi Kolom Katagori/Label Widget
Posted by: Bambang PageBambang PageUpdated at : 08.00
Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini
URL untuk Postingan:
HTML Link Code:
BB (forum) link code:
Jika menginginkan artikel seperti di atas langsung ke email anda,Masukan alamat email anda untuk berlangganan.
Artikle Terkait :
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar