Scroll box untuk gambar
Thursday 27 October 2011 | 8:39 pm | 0 p0tpEt(s)
Assalamualaikum ^-^
Ini gambar contoh scroll box untuk gambar.
Cara2 nak buat macam nie. tengok bawah.
1. Dashboard > Design > Page Element > Add Gadget > HTML / javascript.
2. Copy dan paste kod di bawah dalam box HTML / javascript.
<div style="width:426px;height:100px;overflow:auto; ">
<div style="background-image: url(URL BACKGROUND);
border-color: #FFCCCC; border-style: double; border-width: 4px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
height: 300px; overflow: auto; width: 220px;">
<center><img style="width: 153px; height: 204px;" src="URL GAMBAR KORANG" />
</center>
</div>
3. SAVE.
p/s : Lengkap tulisan yang berwarna.
URL BACKGROUND : boleh cari kat sini -> Klik !
WARNA MERAH : boleh tukar ikut kesesuaian blog korang.
URL GAMBAR : url gambar yang korang nak letak.
CARA NAK DAPATKAN URL GAMBAR
1. Bukak web kat sini > Klik !
2. Pilih gambar yang korang nak.
2. Upload gambar tadi
.
3. Copy URL gambar korang.
4. Pastekan URL gambar korang tue dalam kod yang dekat atas tadi.
Selamat mencuba =.=