TINGGALKAN JEJAK ANDA

Banyaknya Promosi!!! Klik Saja Untuk Lebih Detail...

Wednesday, March 2, 2011

Tutorial Buat Scroll Box

Salam semua...hari nie aku nak tunjukkan cara bagaimana nak buat scroll box. Aku suka sangat scroll box nie cez ianya dapat menjimatkan ruang kat sidebar dan juga dapat mengemaskan blog kita. [kemas ke blog aku nie? uhuk...hehe] Aku tahu banyak yang dah tahu bagaimana nak buat scroll box nie. Mungkin korang lagi arif. Aku bukan apa, just nak share dengan qiqie cez dia nak tahu cara nak buat scroll box nie. Dan sesiapa yang nak tahu cara buat scroll box nie korang boleh refer kat sini, wokey?


Untuk buat scroll box bergambar, cope jer kode kat bawah nie then paste dekat Html/Javascript yang baru.

<center><div style="background-color: pink; border: 3px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px; width: 260px;">

<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</div>
</center>

Penerangan;-

Background-color: pink - boleh ditukar dengan color lain contoh black, white etc.
Height: 300px; - Ketinggian scroll box. Ubah mengikut kehendak korang.
Width: 260px; - Lebar scroll box. Ubah mengikut lebar sidebar korang.
Link untuk dibuka - Letak link/url yang hendak dibuka apabila gambar diklik
Url gambar - url gambar yang korang nak pamerkan.

note: 
- sekiranya korang nak letak gambar saja, guna kode <img src="url gambar" />.

Harap tutorial nie dapat membantu (^_^). 

2 Komen Terbaik:

eVariena♥ said... [Reply]

thnx..sy buat jd..sy pnah try tuto laen..tp x jd..yg ni je jd..thnx ya... :)

Rose Johari said... [Reply]

welcome dear :)

Related Posts with Thumbnails