Friday, 19 October 2012

Letak Gambar Dalam Scroll Box - TUTORIAL 9



Haaa . Hari ni ,Zira & Kak Lyssa nak ajar korang macam mana nak Letak Gambar Dalam Scroll Box!

Ada yang dah tahu , and ada yang belum .
Tapi , bagi tutorial hari ni , Zira & Kak Lyssa nak masukkan sekali cara nak letak background dalam scroll box tuh..

Tengok contoh di bawah ye :)

 

Ye. maca tuh lah scroll box yang boleh letak gambar .
Meh sini tengok caranya :

1. Dashboard > Design > Add a Gadget > Html/Javascript

2. Copy and Paste kod di bawah di ruangan tadi

  <div style="background-image: url(http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png);
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>

**Warna Biru : URL Background yang korang suka. Boleh dapatkan di https://www.google.com.my/ or http://photobucket.com/ or http://www.glitter-graphics.com/


**Warna Merah : URL korang boleh Upload di
 http://imgur.com/
Ambik yang "Direct Link" oke?
=SELAMAT MENCUBA!=
Tutorial from Kak Lyssa And Me =)
 

No comments:

Post a Comment

Komen di sini! Tak rugi pun!