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
-
Widget label merupakan widget yang digunakan untuk mengkelompokkan posting. Terkadang tampilan widget label pada blog hanya satu kolom, ...
-
Tutorial kali ini akan mempelajari tentang cara membuat desain fantasy yang berbeda dari sebelumnya. Cara atau teknik yang digunakan juga...
-
Manipulasi Foto "Negeri Atas Awan" Saya akan berbagi tips & trik tentang memanipulasi gambar. Jika tutorial sebelum...
-
Berikut ini adalah penjelasan fungsi-fungsi tombol keyboard: Ctrl + A = (All) digunakan untuk memilih seluruh objek baik gambar atau ...
-
SEKARGUNA MEDIKA, PT ...
-
Soal Semesteran Design Grafis
-
Cara cepat memisahkan gambar dari background ada banyak cara. Disini saya akan menjelaskan cara yang menurut saya paling mudah... Namun ke...
-
Penjelasan Shortcut dan Layout Coreldraw Lengkap LAYOUT CORELDRAW X3 LAYOUT CORELDRAW X7 (klik to Zoom) + ...
-
Banyak Sekali pertanyaan tentang bagaimana membuat pas foto atau bagaimana cara pengaturan agar ukuran gambar sesuai dengan keinginan kit...
-
Ketentuan Pengajuan NUPTK Baru Guru NON PNS Tahun 2014 ~Salah satu alur proses pemetaan mutu pendidikan melalui layanan transaksional PAD...
