Tutorial Buat Scroll Box Untuk Blog Archive
Tuesday, 12 July 2011 | 0 comments
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.:)
-------------
Untuk scroll box widget lain yang menggunakan html code, boleh rujuk tutorial scroll box untuk widget
