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.
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.:)
-------------
credit : Tutorial Untuk Blog
BabyNurul Ain
No comments:
Post a Comment