Elegant Rose - Working In Background Suka Dan Duka Dikongsi Bersama: Tutorial - Buat Scroll Box Untuk Blog Archive

Pembaca Setia Blogku

Rafiera Network Supply - RNS

Rafiera Network Supply - RNS
Pembekal Barangan Usahawan - Click Picture To Go Website

Friday, September 7, 2012

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 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.
(tick pada 
Expand widget templates (diatas) 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...

 P/S : Rafi dah guna.. bawu la nampak x serabut sgt blog rafi nie (sebenarnyer masih serabut lagi nie... ekeke.. kena adjust lagi... haha)







Stumble
Delicious
Technorati
Twitter
Digg
Facebook
Yahoo
Feed

No comments:

Post a Comment

♥ Tinggalkan Jejak anda disini ♥

Related Posts Plugin for WordPress, Blogger...