Kamis, 17 November 2011

0 Tutorial Buat Scroll Box Untuk Blog Archive

Date: Kamis, 17 November 2011 06.32
Category:
Author: Adam S Hafizullah
Share:
Responds: 0 Comment
Blog archive untuk sebuah 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 memasang scroll pada blog archive anda scroll supaya memudahkan pengunjung untuk melihat-lihat entri!



Tutorial untuk membuat scroll bagi blog archive adalah seperti berikut.
Check it!



1. Dari dashboard > Design > Edit html > Expand widget templates.
(backup template untuk langkah berjaga²)

2. Gunakanlah fungsi find (ctrl + F) untuk mempermudah mencari code berikut , Carilah code <div id='ArchiveList'>

3. Anda akan menemui  Code berikut ini <div class='widget-content'> sebelum kod <div id='ArchiveList'>

4. Gantilah Code <div class='widget-content'> yang anda temui di langkah 3 denganCode berikut.


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


Note: Anda boleh merubah 200px dengan ketinggian yang anda mahukan.

Contoh:

Sebelum.


Setelah


4. Save dan lihat hasilnya.:)

Artikel Terkait :



Posting Komentar