Kreatif, Inofatif dan Terampil
ADS Banner Header 468x60 */
ADS 300x250
Footer Ads
SEO BLOG & TEMPLATES
CB Magazine »
Desain WeBlog
»
Membagi Widget Label Menjadi 2 atau 3 Kolom
Membagi Widget Label Menjadi 2 atau 3 Kolom
Posted by CB Magazine on 2014/11/23 |
Desain WeBlog
Widget label merupakan widget yang digunakan untuk mengkelompokkan
posting. Terkadang tampilan widget label pada blog hanya satu kolom, ini
menyebabkan tampilan label memanjang kebawah jika label pada blog kita
jumlahnya sangat banyak. Agar tampilan label tidak memanjang kebawah
kita perlu membaginya menjadi dua kolom atau lebih.
Berikut langkah cara membagi widget label menjadi 2 atau 3 kolom :
1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.
4. Letakkan kode berikut diatas kode ]]></b:skin>
Berikut langkah cara membagi widget label menjadi 2 atau 3 kolom :
1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.
4. Letakkan kode berikut diatas kode ]]></b:skin>
#Label1 li { float:left; width:45%; }
5. Kode diatas untuk membuat label menjadi 2 kolom, sedangkan dibawah ini 3 kolom.
#Label1 li {float:left;width:33%;}
#Label2 li {float:left;width:33%;}
#Label2 li {float:left;width:33%;}
6. Simpan template.
Jika belum berhasil ubah ukuran width (lebar) sampai widget label berhasil menjadi beberapa kolom.
Jika belum berhasil ubah ukuran width (lebar) sampai widget label berhasil menjadi beberapa kolom.
Tweet

ADS 336x280 Teks
Top Ads

Top 5 Popular of The Week
-
Pengertian Blog dan Manfaat Blog - Saya akan definisikan dipertemuan kita kali ini. Pengertian Blog dan apa sih manfaat yang dapat kita...
-
Tutorial kali ini akan mempelajari tentang cara membuat desain fantasy yang berbeda dari sebelumnya. Cara atau teknik yang digunakan juga...
-
Komponen Penilaian Kinerja Guru (PK Guru) ~Ada baiknya guru mengetahui dengan cermat apa saja yang menjadi komponen PK Guru. Hal ini tent...
-
PT. Indonusa Telemedia Trans Vision - Pesatnya perkembangan teknologi di Indonesia memunculkan banyak media informasi yan...
-
Photoshop Fundamental Tips Trik Penjelasan Shortcut dan Layout Photoshop Lengkap Gambar : Layout Photoshop 7 [...
-
Cara Membuat Website dengan Dreamweaver CS6 - Membuat website dengan Dreamweaver dapat dikatakan cukup mudah. Sobat tidak perlu menghafal ...
-
Cara cepat memisahkan gambar dari background ada banyak cara. Disini saya akan menjelaskan cara yang menurut saya paling mudah... Namun ke...
-
Banyak Sekali pertanyaan tentang bagaimana membuat pas foto atau bagaimana cara pengaturan agar ukuran gambar sesuai dengan keinginan kit...
-
Manipulasi Foto "Negeri Atas Awan" Saya akan berbagi tips & trik tentang memanipulasi gambar. Jika tutorial sebelum...
-
SEKARGUNA MEDIKA, PT ...