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.
Setelah itu, masukan kode berikut tepat di atas kode yang sudah kita cari di atas.
Klik simpan dan selesai.
Keterangan :
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!
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 :
- Sebelum melakukan editing template blog, pastikan jika kita telah mendownload template blog kita sebelumnya sebagai langkah antisipasi jika ada kegagalan saat proses editing berlangsung.
- Gunakan tombol Ctrl+F untuk mempercepat proses pencarian kode HTML yang ingin kita temukan.
- 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!
Komentar
Posting Komentar