Saturday 3 September 2011

Membuat Label Menjadi 2 Kolom

Label 2 Kolom

Gambar di atas menunjukkan bahawa label ditampilkan menjadi 2 kolom. Nah tanpa basa basi, mari kita praktik Membuat label Menjadi 2 Kolom.

Jika di blog sudah ada labelnya, maka tinggal masuk ke html blog sobat. Setelah itu centang kotak kecilnya ya sob. Setelah itu cari kode ]]></b:skin>

Untuk mempermudah gunakan Ctrl+F atau F3 (jika sobat menggunakan mozilla firefox). Jika sudah paste kode ini diatas kode merah tersebut.

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

Simpan deh! atau kalau tidak preview dulu hasil edit label sobat. 
Perlu diperhatikan nama label sobat. Mungkin nama label di atas bisa berbeda dengan nama label punya saya, untuk mengetahui nama label silakan sobat gunakan pencarian dengan Ctrl+F atau F3 dan ketik 'Label1' tanpa tanda petik, jika sama lanjutkan, jika beda silakan sobat ganti dengan nama label sobat.

Tidak semua template mendukung warna background yang mengikuti. Seperti kasus saya, dengan trik ini mungkin warna background tidak selalu mengikuti kotak label. Yang jelas saya sudah mencoba di blog saya yang lain dan berhasil.
Seperti itulah cara Membuat label menjadi 2 kolom. Semoga berhasil

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl