Scroll Box untuk Blog Archive

Penggunaan aplikasi scroll box pada blog archive adalah satu langkah yang bijak untuk menghemat ruang sidebar dalam blog anda, biasanya melihat blog archive akan menjadi terlalu panjang dengan link post-post lama dalam blog. Untuk menggunakan aplikasi scroll box ini, silahkan ikuti tutorial di bawah ini:

1) Login akun blogger anda

2) Dashboard > Design > Edit HTML

3) Tick pada kotak Expand Widget Templates

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

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

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

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

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


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

8) Save dan lihat hasilnya.

*Note - boleh tukar 200px mengikuti tinggi yang anda inginkan.

Selamat mencoba! :)

Sharing is Caring ^_^

Tidak ada komentar:

Posting Komentar

Copyright© All Rights Reserved muhammadhabibiebinyursal.blogspot.com