Tutorial : Scroll Box Untuk Blog Archive

Assalamualaikum...

Hye korang semua!!

Entri kali ni, Syaza nak ajar korang macam mana nak buat scroll box untuk blog archive..

Apa? Tak tahu blog archive tu apa? Adoii..

Inilah Blog Achive yang boleh discrollkan

Apa fungsi scroll box ni?  Supaya Entri2 korang yang lama tuh taklah panjang sampai ke bawah.. Kalau panjang sangat, macam buat menyemak je, betul tak? Nak kemas kini yang lain lagi.. Aduh, stress kepala.. huhuhu..

1. Mula2, korang pergi ke

Dashboard > Design > Template > Edit HTML > Edit template

2. Tekan Ctrl + F . Cari code :

<div id='ArchiveList'> 

3. Pastu tekan ENTER. Dia akan keluar highlight warna kuning macam kat bawah ni..

3. Sebelum code kat atas tu, korang akan jumpa code ini dahulu :

<div class='widget-content'>

4. Gantikan code <div class='widget-content'> dengan kod yang ini :

<div class='widget-content' style='overflow:auto; height:200px'>

Psst: Korang boleh tukar size height 200px mengikut kesesuaian blog korang..

Gantikan code tersebut macam contoh gambar kat bawah ni,

5. Sebelum save, korang tekan PREVIEW dulu tengok menjadi ke tak. Kalau menjadi tekan lah save. Siap! =)

Fuh, susah betul nak explain. Faham tak?  Syaza takut korang tak paham je.. huhu