Tutorial cara membuat Scroll Box Untuk Blog Archive
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 kode <div id='ArchiveList'>
3. Anda akan jumpa kode ini <div class='widget-content'> sebelum kode <div id='ArchiveList'>
4. Gantikan kode <div class='widget-content'>
yang anda jumpa di langkah 3 dengan kode berikut.
Note: Anda boleh tukar 200px dengan ketinggian yang anda mahukan.
Contoh:
Sebelum.
Selepas
4. Save dan lihat hasilnya.:)
-------------
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 kode <div id='ArchiveList'>
3. Anda akan jumpa kode ini <div class='widget-content'> sebelum kode <div id='ArchiveList'>
4. Gantikan kode <div class='widget-content'>
yang anda jumpa di langkah 3 dengan kode 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.:)
-------------
0 Response to "Tutorial cara membuat Scroll Box Untuk Blog Archive"
Post a Comment