Tutorial3 : Letak Gambar Dalam Scroll Box

.Assalamualaikum.

Hai . Hari ni  Saya nak ajar korang macam mana nak Letak Gambar Dalam Scroll Box!

Ada yang dah tahu , and ada yang belum .

Tapi , bagi tutorial hari ni , Saya nak masukkan sekali cara nak letak background dalam scroll box tuh ..

Tengok contoh di bawah ye :)

 

Yer . maca tuh lah scroll box yang boleh letak gambar .

Meh sini tengok caranya :

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

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 Google or Photobucket or Glitter-Graphics 

**Warna Merah : URL korang boleh Upload di http://imgur.com/ 

Ambik yang "Direct Link" .. ok ?