::Toturial Buat Slidshow Gambar Versi 2::

Assalamualaikum,,,

Hai semua,,

Hari ni aku nak buat toturial camne nak buat slid show gambar,,,

Tapi yang nie versi 2,,, 

Beze dia gambar tu akan gerak dari kanan ke kiri

Cube tgk nie,,,,

 

Kenangan Dipantai dengan Amy.Masa Hari Jadi dia .. :)

Beze kan dari versi yang agi satu,,,

Kalaw nak buat macam ni senang jew,,,

Mule2 korang paset kan kod HTML nie kat

Log in > Dashboard > Design > Add A Gadget > Html/JavaScript

<div style="text-align: center;"><div style="background-image: url(http://i.imgur.com/WxmqZ.gif); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border: 2px dashed #DF013A; height: 249px;  padding: 5px; width: 219px;">

<marquee align="center" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">

<img src="URL IMAGE 1" style="border-bottom-color: rgb(223, 1, 58); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(223, 1, 58); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(223, 1, 58); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(223, 1, 58); border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-top-style: dashed; border-top-width: 2px; height: 204px; width: 143px;" /><img src="URL IMAGE 2" style="border-bottom-color: rgb(223, 1, 58); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(223, 1, 58); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(223, 1, 58); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(223, 1, 58); border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-top-style: dashed; border-top-width: 2px; height: 204px; width: 144px;" /><img src="URL IMAGE 3" style="border-bottom-color: rgb(223, 1, 58); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(223, 1, 58); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(223, 1, 58); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(223, 1, 58); border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-top-style: dashed; border-top-width: 2px; height: 204px; width: 142px;" /><img src="URL IMAGE 4" style="border-bottom-color: rgb(223, 1, 58); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(223, 1, 58); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(223, 1, 58); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(223, 1, 58); border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-top-style: dashed; border-top-width: 2px; height: 204px; width: 138px;" /><img src="URL IMAGE 5" style="border-bottom-color: rgb(223, 1, 58); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(223, 1, 58); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(223, 1, 58); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(223, 1, 58); border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-top-style: dashed; border-top-width: 2px; height: 204px; width: 143px;" /><img src="URL IMAGE 6" style="border-bottom-color: rgb(223, 1, 58); border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(223, 1, 58); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(223, 1, 58); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(223, 1, 58); border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-top-style: dashed; border-top-width: 2px; height: 204px; width: 143px;" /></marquee>&nbsp; 

<div style="background: #FFBBDD repeat; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border: 2px dashed #DF013A;">

<center><marquee><a href="http://syahminaahmad.blogspot.com/2011/11/assalamualaikum-hai-semua-hari-ni-aku.html" target="_blank">tulisan yamg korang nak letak... :)</a></marquee></center></div></div></div>

oren = url bacground imaj,,(korang boleh tukar ikut korang)

biru = warna border

merah = url image yang korang nak letak

hijau = warna bacground tulisan yang bergerak

pink = warna border tulisan yang bergerak

kuning = tulisan yamg korang nak letak... :)

*nak cari kod warna klick SINI

gambar yang korang nak letak mesti potrek tau

korang cube ar kat umah,,,hehehehe

Selamat mencuba

-out-