04 May 2010
Membuat Scroll Pada Sidebar

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat scroll pada sidebar

1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
]]></b:skin>
4. Pastu korang COPY kod di bawah ni
#HTML1 .widget-content {
height: 200px;
overflow: auto;
}
Note: Pada highlight , korang tukarkan dengan ID WIDGET yang korang nak scroll tesebut .
5. Pastekan diatasnya
6. Preview dan Save Template jika tiada error .
CARA DAPATKAN WIDGET ID
1. Klik edit seperti gmbar dibawah.

2. Copy widget ID pada adressbar seperti contoh dibawah .

1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
]]></b:skin>
4. Pastu korang COPY kod di bawah ni
#HTML1 .widget-content {
height: 200px;
overflow: auto;
}
Note: Pada highlight , korang tukarkan dengan ID WIDGET yang korang nak scroll tesebut .
5. Pastekan diatasnya
6. Preview dan Save Template jika tiada error .
CARA DAPATKAN WIDGET ID
1. Klik edit seperti gmbar dibawah.

2. Copy widget ID pada adressbar seperti contoh dibawah .

Tinggalkan Komen Anda Disini