Membuat Kotak Label Menjadi 2 Kolom



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

Cara 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:

Membuat Kotak Label Menjadi 2 Kolom

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..!!!
Labels: blogger tutorial, template hack

Thanks for reading Membuat Kotak Label Menjadi 2 Kolom. Please share...!

0 Komentar untuk "Membuat Kotak Label Menjadi 2 Kolom"

Back To Top