Sabtu, 2 November 2013

Tutorial Buat Scroll Box untuk Blog Archive

Blog Archive yang terlalu panjang membuatkan blog menjadi melorot dan tidak cantik di pandang mata. Oleh itu, kita boleh membuat scroll box agar blog kelihatan lebih kemas dan cantik serta mudah untuk mencari entri yang dikehendaki.

Contohnya seperti gambar di bawah iaitu dari Blog Mutiara Online

Blog Archive

Cara membuat scroll box untuk Blog Archive :-

1. Dari dashboard > Template > Edit html > Edit template 

2. Klikkan mouse di dalam kotak. Seterusnya tekan  (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'>  

Nota : Anda boleh tukar 200px dengan ketinggian yang anda mahukan. 

Preview template terlebih dahulu dan apabila telah berpuas hati bolehlah disave.

Tiada ulasan:

Catat Ulasan