Cara Membuat Label di Blogger Menjadi 2 Kolom

Untuk membuat label di Blogger menjadi 2 kolom , 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”.

Jika anda menemukan masalah dalam menampilkan label / kategori di blogger menjadi 2 kolom, jangan malu untuk bertanya di kolom komentar ya. Selamat mencoba…