Rabu, 23 Mei 2012

Scroll Box Untuk Blog Archive


Penggunaan aplikasi scroll box pada blog archive adalah satu langkah yang bijak bagi menjimatkan ruang sidebar dalam blog anda, memandangkan blog archive kebiasaannya akan menjadi terlalu panjang dengan capaian link post-post lama dalam blog. Untuk menggunakan aplikasi scroll box ini, sila ikuti tutorial di bawah:

1) Login akaun blogger anda

2) Dashboard > Design > Edit HTML 

3) Tick pada kotak Expand Widget Templates

4) Sebelum itu, sila backup templates anda terlebih dahulu sebagai langkah berjaga-jaga.

5) Dengan menggunakan fungsi find pada keyboard (tekan ctrl + F serentak), cari kod
<div id='ArchiveList'>

6) Anda akan jumpa kod ini <div class='widget-content'> sebelum kod<div id='ArchiveList'> tadi.

7) Gantikan kod <div class='widget-content'> yang anda jumpa di langkah 6 dengan kod di bawah:
<div class='widget-content' style='overflow:auto; height:200px'>

Contoh
Sebelum :
<div class='widget-content'>
<div id='ArchiveList'>


Selepas digantikan kod scrollbox :
<div class='widget-content' style='overflow:auto; height:200px'>
<div id='ArchiveList'>

8) Save dan lihat hasilnya.

*Nota - boleh tukar 200px mengikut tinggi yang anda mahukan.

Selamat mencuba! :)

Tidak ada komentar:

Posting Komentar