Membuat Kotak Label Menjadi 2 Kolom

Coretan Bang Dadan on

Sunday, December 9, 2012

Assalamu'alaikum Wr.Wb..
Cara Membuat Kotak Label Menjadi 2 Kolom - Setelah sebelumnya kita membahas cara memberi scroll pada arsip blog dan cara menghilangkan angka pada arsip blog, kali ini bang dadan akan share Cara Membuat Kotak Label Menjadi 2 Kolom..

Oke sobat gak usah panjang lebar lagi percakapan kita, sekarang kita langsung saja pada inti pembahasan.

Membuat Kotak Label Menjadi 2 Kolom

Pertama Login di Blogger
Klik “Rancangan”
Pada menu “Elemen Halaman”, klik tambah gadget di sidebar blog.
Pilih Widget “Label”

Pastikan tampilan yang sobat pilih daftar. lihat contoh dibawah ini:

Nah Sampai disini, blog sobat 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 kotak label menjadi 2 kolom, disini kita hanya perlu menambahkan sedikit css saja. Tidak ada script atau apapun lagi. Nah sekarang kita lanjutkan pada pembagian label menjadi 2 kolom dengan menggunakan teknik css. Caranya sbb :

Berikut Cara Membuat Kotak Label Blogger Menjadi 2 Kolom : Silahkan sobat di Simak baik-baik ya.??

Seperti Biasa sobat harus Terlebih dahulu Login di Blogger
Pilih/Klik “Rancangan”
Selanjutnya Klik “Edit HTML”
Sebagai backup jika terjadi kesalahan dalam pengeditan, silahkan copy paste seluruh kode template ke dalam notepad.
Copy paste kode di bawah dan simpan di atas kode ]]></b:skin>

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

Kalau sobat sudah menambahkan script di atas, coba sekarang sobat 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.
Jika sudah selesai dan tidak terjadi kesalahan, silahkan klik “Simpan”.

Sekian dulu artikel kali ini tentang Cara Membuat Kotak Label Menjadi 2 Kolom. Semoga bermanfaat. sampai jumpa..!!!