Cara Buat Label Blog Menjadi Dua Kolom

Secara default, tampilan label sebuah blog akan muncul dalam satu kolom. Tampilan ini kadang dirasa oleh sebagian blogger menyita terlalu banyak ruang dan kurang efisien. Karena masih ada ruang kosong di sebelah keterangan label tersebut yang tidak digunakan. Sebagai ilustrasi, coba lihat ruang kosong bertanda kotak merah yang terbuang percuma.


Bagaimana untuk mengatasi hal itu?
Kita dapat menggunakan cara membuat label blog menjadi dua kolom agar hemat tempat. Selain menghemat ruang, cara ini juga akan membuat tampilan label terlihat lebih modis karena berbeda dengan tampilan label yang biasanya kita jumpai di blog lainnya.

Cara untuk membuatnya adalah sebagai berikut :

Langkah 1.

Pastikan jika kita sudah memasang widget label blog dalam sidebar blog kita.
Setelah itu, pilih tampilan daftar, jangan cloud.

Langkah 2.

Pertama, masuk ke dalam akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Contreng Expand Template Widget.
Cari kode berikut ini.

]]></b:skin>

Setelah itu, masukan kode berikut tepat di atas kode yang sudah kita cari di atas.

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

Klik simpan dan selesai.


Keterangan :

  1. Sebelum melakukan editing template blog, pastikan jika kita telah mendownload template blog kita sebelumnya sebagai langkah antisipasi jika ada kegagalan saat proses editing berlangsung.
  2. Gunakan tombol Ctrl+F untuk mempercepat proses pencarian kode HTML yang ingin kita temukan.
  3. Ganti angka 45% pada #Label1 li {float:left;width:45%;} untuk mengubah lebar kolom label blog kita sesuai selera.


Membuat tampilan label blog menjadi dua kolom ternyata mudah bukan?
Sekarang coba lihat bagaimana hasilnya setelah kita praktikan, bagus bukan?
Jika ada pertanyaan silakan sampaikan lewat kotak komentar ya kawan.
Salam blogger!

12 komentar:

  1. siip mantab nih bisa memisahkan jd dua

    BalasHapus
  2. tapi kox nggak ngaruh yaach di templateku

    BalasHapus
  3. coba diset lagi masalah lebar kolomnya (widht)

    BalasHapus
  4. silakan.
    jangan lupa mencantumkan link sumber aslinya ya. :)

    BalasHapus
  5. ka klo bikin , label kya http://ebsoft.web.id gmna cara'a??
    tolong di jwab ??

    BalasHapus
  6. gunakan pilihan tampilan label yang model cloud, nanti hasilnya mirip dengan label yang muncul di blog ini.

    BalasHapus
  7. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  8. gan gmn kalau mau "tabel" nya jadi 2.
    misal tabel1 di kasih nama "game" isinya 1.xx 2.bb 3.dll
    trus tabel2 diaksih nama "Lagu" 1.ww 2.yy 3.dll
    dalam artian tabel1 dan tabel2 dalam kotak tabel sendiri2.
    makasih juragan

    BalasHapus
  9. Mantap boz, ini yg ane cari. . . . . . . . . .
    Jg lupa kumbal ya :D

    BalasHapus
  10. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus