Saturday, 20 July 2013

Membuat Label Menjadi 2 Coloum


Untuk membuat tampilan label menjadi 2 kolom, disini kita hanya menggunakan teknik css saja. Tidak ada script atau apapun. Nah sekarang kita lanjutkan ke pembagian label menjadi 2 kolom dengan menggunakan teknik css. Caranya :




MEMBUAT WIDGET LABEL MENJADI 2 KOLOM
1. Login di Blogger
2. Klik “Rancangan”
3. Klik “Edit HTML”
4. Sebagai backup jika terjadi kesalahan dalam pengeditan, silahkan copy paste seluruh kode template ke dalam notepad.
5. Copy paste kode di bawah dan simpan di atas kode ]]></b:skin>


#Label1 ul li{
float:left;
width:45%;
}
6. 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 sesuai dengan lebar sidebar/widget anda, sehingga widget label dalam blog anda menjadi 2 kolom.


7. Jika sudah selesai dan tidak terjadi kesalahan, klik “Simpan”.
Tutorial diatas, mungkin sedikit rumit jika anda tidak mengetahui lebar dari widget label di blog anda. Untuk mengatasinya, silahkan ikuti petunjuk yang sudah saya tulis pada point 6, untuk bisa menampilkan label di blogger menjadi 2 kolom.

No comments:

Post a Comment