Friday, 19 October 2012

Menbuat Scroll Box - TUTORIAL 8


                                   

Korang tahu tak , macam mana nak buat scroll box ni .?
Tahu ke , apa itu scroll box ?

Ok , tak tahu yer ? Contoh nyer , macam kat bawah ni lah : 

 

Tengok yang warna merah Zira kotakkan tu.tu lah .. bila korang ke bawah .. ada lagii isi-isi nya..
Nak tahu , macam mana nak buat ? 
Ikot tutorial di bawah yer ;)

Tutorial untuk membuat scroll box adalah seperti berikut..

1. Dari dashboard > Design > Add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.

<div style="width:426px;height:100px;overflow:auto; ">

Isi - isi kadungan yang korang nak letakkan

</div>

Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki


3. Apabila selesai, save dan lihat hasilnya..

Senang bukan..:)


** Kalau korang tak paham jugakk .. boleh pergi >>http://nurinhazirah.blogspot.com/2012/10/letak-gambar-dalam-scroll-box-tutorial.html<< oke?



**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!
Tutorial from Kak Lyssa And Me :) Selamat Mencuba!
 






No comments:

Post a Comment

Komen di sini! Tak rugi pun!