Blog archive untuk sesebuah blog boleh menjadi list yang begitu panjang
apabila banyak entri yang di post atau jika sudah lama terlibat dengan
dunia blogging.
Tutorial kali ini kan menunjukkan bagaimana untuk
jadikan blog archive anda boleh scroll untuk menampakkannya lebih
ringkas menyenangkan mata memandang.:)
Tutorial untuk buat scroll bagi blog archive adalah seperti berikut.
1. Dari dashboard > design > edit html > Expand widget templates.
(backup template untuk langkah berjaga²)
2. Menggunakan fungsi find (ctrl + F), cari kod <div id='ArchiveList'>
3. Anda akan jumpa kod ini <div class='widget-content'> sebelum kod <div id='ArchiveList'>
4. Gantikan kod <div class='widget-content'> yang anda jumpa di langkah 3 dengan kod berikut.
<div class='widget-content' style='overflow:auto; height:200px'>
Note: Anda boleh tukar 200px dengan ketinggian yang anda mahukan.
Contoh:
Sebelum.
Selepas
4. Save dan lihat hasilnya.:)
-------------
About Metro UI Theme
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit...
0 komentar:
Posting Komentar