Cara Membuat Label Menjadi 3 Kolom/Baris di Blog

Cara Membuat Label Menjadi 3 Kolom/Baris di Blog Telah Update Cara Membuat Label Menjadi 3 Kolom/Baris di Blog, Untuk Anda Yang sedang Mencari Cara Membuat Label Menjadi 3 Kolom/Baris di Blog Mungkin Cara Membuat Label Menjadi 3 Kolom/Baris di Blog Sangat Bermanfaat Buat Anda. Silahkan dilihat Cara Membuat Label Menjadi 3 Kolom/Baris di Blog dibawah ini untuk lebih Lanjut.



Seperti pada postingan sebelumnya tentang Cara Membuat Label Menjadi 2 Kolom/Baris di Blog, kali ini saya juga akan membahas seputar tutorial yang sama namun berbeda tampilan, yaitu cara untuk merubah label menajdi 3 kolom/baris, pasalnya pada blog-blog tertentu, tampilan label menjadi 3 kolom ini sangat diperlukan sekali, guna mempercantik dan mengefisiensikan space yang tersedia di blog. Selain itu, tampilan dari label 3 kolom ini juga lebih terkesan 'berisi' dan lebih bagus, karena semua tempatnya digunakan, jadi tidak ada space yang kosong seperti kita memasang label dengan 1 kolom, terkecuali jika sidebar anda memiliki lebar dibawah 200 piksel.

Contohnya bisa anda lihat pada gambar diatas, menarik bukan? lebih terlihat keren dan tidak banyak elemen blog yang terbuang, selain itu, widget ini nantinya juga tidak menampilkan berapa jumlah artikel pada masing-masing label (angka), karena sepertinya menampilkan jumlah artikel (angka) pada label blog kini sudah terkesan 'kuno', tapi ya... relatif sih, hehe. Jika anda berminat untuk menerapkan tampilan 3 kolom ini pada widget label anda, maka silahkan disimak yang berikut ini!

Cara Membuat Label Menjadi 3 Kolom/Baris

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Klik Add gadget.

4. Pilih Label.

5. Setting Label seperti gambar dibawah ini, dan jangan lupa untuk menghilangkan centang pada kotak "Tampilkan Jumlah Entri Per Label" > Klik "Save/Simpan" gadget.











6. Sekarang, pergi ke laman Template.

7. Klik Edit HTML.

8. Klik tanda panah hitam disebelah kode yang mirip seperti<b:skin>...</b:skin> (untuk membuka seluruh kdoe CSS).

9. Cari Kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode dibawah ini tepat diatas-nya.

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