Cara Membuat Kotak Label Menjadi 2 Kolom -->

Home › ›

Cara Membuat Kotak Label Menjadi 2 Kolom

17 October 2012
10/17/2012
Komentar

Baca Juga

allcatatan.blogspot.com ~ Kali ini akan share cara membuat kotak label menjadi 2 kolom.
Langsung aja ke TKP Cara Membuat Label Blog Menjadi 2 Kolom :
  • Login di Blogger
  • Klik “Rancangan”
  • Pada menu “Elemen Halaman”, klik tambah gadget di sidebar blog.
  • Pilih Widget “Label”
Pastikan tampilannya Daftar. Kemudian klik simpan.


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 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 Label Blogger Menjadi 2 Kolom :



Berikut Tips da Cara Membuat Label Blogger Menjadi 2 Kolom : Monggo di Simak baik-baik..
  1. Seperti Biasa sobat harus Terlebih dahulu Login di Blogger
  2. Pilih/Klik “Rancangan”
  3. Selanjutnya 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”.

Selamat Mencoba dan semoga berhasil..!!

NB: Jika ingin Label blog menggunakan fungsi Scroll silahkan baca artikelnya disini.