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
-
Tutorial kali ini akan mempelajari tentang cara membuat desain fantasy yang berbeda dari sebelumnya. Cara atau teknik yang digunakan juga...
-
Cara Membuat Website dengan Dreamweaver CS6 - Membuat website dengan Dreamweaver dapat dikatakan cukup mudah. Sobat tidak perlu menghafal ...
-
Banyak Sekali pertanyaan tentang bagaimana membuat pas foto atau bagaimana cara pengaturan agar ukuran gambar sesuai dengan keinginan kit...
-
SEKARGUNA MEDIKA, PT ...
-
Soal Semesteran Design Grafis
-
Berikut ini adalah penjelasan fungsi-fungsi tombol keyboard: Ctrl + A = (All) digunakan untuk memilih seluruh objek baik gambar atau ...
-
Cara cepat memisahkan gambar dari background ada banyak cara. Disini saya akan menjelaskan cara yang menurut saya paling mudah... Namun ke...
-
Widget label merupakan widget yang digunakan untuk mengkelompokkan posting. Terkadang tampilan widget label pada blog hanya satu kolom, ...
-
Manipulasi Photoshop - Buah Pir Berwajah Manusia Photoshop adalah software pengolah gambar yang sangatlah canggih, manipulasi photos...
-
Penjelasan Shortcut dan Layout Coreldraw Lengkap LAYOUT CORELDRAW X3 LAYOUT CORELDRAW X7 (klik to Zoom) + ...
