Membuat Label di Blogger Menjadi 2 Kolom

Membuat Label di Blogger Menjadi 2 Kolom. Beberapa waktu yang lalu, ada salah seorang teman kursus blog yang menanyakan tentang bagaimana membuat label di blogger menjadi 2 kolom.

mas..mw nanya ni...gmn caranya membuat label di blogger menjadi 2 kolom...yar gak makan tempat? thanks atas jawabannya...

Menanggapi pertanyaan tersebut di atas dan seperti janji saya atas jawaban dari komentar tersebut, kali ini saya akan coba posting bagaimana membuat label di blogger menjadi 2 kolom. Mudah – mudahan tutorial blogspot kali ini bisa dipahami dengan jelas ya. Untuk contoh dari tampilan label 2 kolom itu sendiri, anda bisa melihatnya di sidebar blog saya ini, atau gambar di bawah ini :

Membuat Label di Blogger

Karena object yang akan kita rubah disini adalah bagian label dari blogger, maka sudah tentu harus ada label terlebih dahulu. Jika blog anda belum memiliki label silahkan pasang dulu. Dan bagi yang sudah terpasang widget label di blognya, jangan lupa untuk menampilkan-nya secara flat / daftar jangan versi cloud. Untuk lebih jelasnya, berikut cara membuat label dengan tampilan flat / daftar.

1. Login di Blogger
2. Klik “Rancangan”
3. Pada menu “Elemen Halaman”, klik tambah gadget di sidebar blog.
4. Pilih Widget “Label”
5. Pastikan tampilannya daftar. Kemudian klik simpan.
   
   

Sampai disini, blog anda sudah memiliki label. Namun tampilannya masih default yaitu list / daftar dalam 1 kolom. Sekarang bagaimana caranya membuat label tersebut menjadi 2 kolom?. Kita lanjutkan tutorialnya.

Untuk membuat tampilan label menjadi 2 kolom, disini kita hanya menggunakan teknik css saja. Tidak ada script atau apapun. Nah sekarang kita lanjutkan ke pembagian label menjadi 2 kolom dengan menggunakan teknik css. Caranya :

Membuat Widget Label Menjadi 2 Kolom

1. Login di Blogger
2. Klik “Rancangan”
3. Klik “Edit HTML”
4. Sebagai backup jika terjadi kesalahan dalam pengeditan, silahkan copy paste seluruh kode template ke dalam notepad.
5. Copy paste kode di bawah dan simpan di atas kode ]]></b:skin>

#Label1 li {
      float:left; 
      width:45%;
}

6. Klik “Pratinjau” dan lihat apakah terjadi perubahan pada widget label blog anda (menjadi 2 kolom). Jika belum, coba perkecil nilai width pada kode diatas sampai anda menemukan nilai yang pas, sehingga widget label dalam blog anda menjadi 2 kolom.
7. Jika sudah selesai dan tidak terjadi kesalahan, klik “Simpan”.

Tutorial diatas, mungkin sedikit rumit jika anda tidak mengetahui lebar dari widget label di blog anda. Untuk mengatasinya, silahkan ikuti petunjuk yang sudah saya tulis pada point 6, untuk bisa menampilakan label di blogger menjadi 2 kolom.

Jika anda menemukan masalah dalam menampilkan label / kategori di blogger menjadi 2 kolom, jangan suka untuk bertanya di kolom komentar yaa…
Selamat mencoba…. :D