cara membuat 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?


sumber :  http://www.panduanbelajarblog.com/2011/07/cara-buat-label-blog-menjadi-dua-kolom.html


Share this article :
 

+ komentar + 4 komentar

8 September 2012 05.38

kak join this site yu nih alamat nya http://symbianzuma.blogspot.com/

11 Oktober 2012 05.23

ditunggu ya ;)

8 Januari 2013 02.35

Nice Info..

http://dex-tv.blogspot.com

10 Januari 2013 00.41

thanks udah berkunjung :)

Posting Komentar

Silahkan berkomentar bila artikel diatas bermanfaat, serta untuk kemajuan blog ini.

1. Berkomentarlah dg kata-kata yang sopan dan tidak menyinggung.
2. Jangan menyertakan link saat berkomentar.
3. NO SARA !!!! NO SPAMMM !!!

Terima kasih :)

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Danie Sharra's Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger