Tuesday, October 8, 2013

Tutorial Buat Scroll Box Untuk Blog Archive

Assalammualaikum wr wb . . .
selamat malam teman-teman :)
malam ini saya akan share tentang tutorial blog yaitu Tutorial Buat 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 :)

gak usah lama-lama, keburu dalu hehe
silakan disimak langkah-langkah nya di bawah ini :

1. Dari Dashboard --> Template --> Edit HTML --> Centang 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. Ganti kode <div class='widget-content'> yang anda jumpa di langkah 3 dengan kode berikut.


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

Catatan : Anda boleh tukar 200px dengan ketinggian yang anda mau.

5. Save dan lihat hasilnya :)


wassalammualaikum wr wb . . .

No comments:

Post a Comment

 
Copyright © 2013. GAMBODH . All Rights Reserved