Membuat Horizontal Link List/Label

Hari ini nak kongsi dengan Antum cara nak jimatkan ruang sidebar kita dengan membuat "Horizontal Link List/Label". Tau kan rupanya?? Macam gambar dibawah. Jom layan..

1. Loggin ke Blogger => Layout => Edit HTML. Cari kode dibawah.

.sidebar ul {
display:inline;
}

.sidebar li{
display:inline;
}

2.Kekadang ade kode yang digabungkan terus macam ni.

.sidebar ul li {
display:inline;
}

3. Tambah kode warna merah tu yer.. Cara ini akan terkesan untuk semua link list termasuk Archive dan Label.

Ok sekarang kita nak khususkan untuk satu2 link saja.. (Abaikan yang diatas sekiranya Antum memilih cara dibawah).

1. Pertama untuk link list. Cari kode dibawah.

<b:widget id='LinkList2' locked='false' title='My Blogs' type='LinkList'>

Text merah tidak semestinya dalam tulisan diatas.. Kekadang rupa lain yer.. Kalau nak senang, tengok tajuk link yang kita tulis di sidebar tu, contoh yang color biru tu.. Dah jumpa tambahkan kode merah dibawah dalam bahagian sidebar.

/* Sidebar Content */

#LinkList2 li{
display:inline;
}

2. Ini untuk Label pulak..Antum cari guna cara sebelum ni..sama je.. kenalpasti dah tambahkan di bahagian sidebar.

/* Sidebar Content */

#Label1 li{
display:inline;
}

Ok Siap..Alhamdulillah