Sabtu, 14 April 2012

Toturial Buat Slidshow Gambar Versi 2

0 komentar

    





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://dumai-hnc.blogspot.com/2012/04/toturial-buat-slidshow-gambar-versi-2.html" target="_blank">tulisan yamg korang nak letak... :)</a></marquee></center></div></div></div>
oren = url bacground imaj,,(kamu boleh tukar)
biru = warna border
merah = url gambar yang kamu mau letak
hijau = warna bacground tulisan yang bergerak
pink = warna border tulisan yang bergerak
kuning = tulisan yamg kamu mau buat... :)

Leave a Reply