MemBuat Foto Berjalan | Image berjalan |

sponsor

Pengen Banget rasanya Bikin Image berjalan ...
q pikir pikir lama banget..tapi untung saja bisa....hem ni akang mau kasih solusinya,,
Setelah anda memahami kode-kode MarQue.., sekarang anda dapat mengganti huruf dengan gambar/image.

Contoh :

<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >
<a href="http://s920.photobucket.com/albums/ad46/setiabudi38/?action=view&current=Cute019.jpg" target="_blank"><img src="http://i920.photobucket.com/albums/ad46/setiabudi38/th_Cute019.jpg" border="0" alt="Photobucket" ></a>
</marquee>

Hasilnya seperti dibawah ini:











Perhatikan sederetan banner yang dipasang pada Blog Kang Setia. Coba arahkan mouse pada gambar yang sedang berjalan.



















Untuk membuat kode marquee seperti contoh diatas ( image/tulisan akan berhenti ketika mouse diarahkan diatasnya. Anda hanya perlu menambah kode ini onmouseover="this.stop()" dan kode onmouseout="this.start()"


<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200" align="center">

<a href="http://avengedsevenfoldisme.blogspot.com" target="_blank"><img border="0" alt="spyyudhaz" src="http://i696.photobucket.com/albums/vv323/spy_yudhaz/8fa382735bc8a6dc432f0f856ce4b006.gif"/></a>
<br/>
<a href="http://www.masdoyok.co.cc" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5358160416297762450" border="0" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 97px; height: 92px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4hg9XyOysrEXcfddm4fvyOzWaa8WXMTG07bLllbfZi_Alw15Z0xxKvbUrlxr0kquUqhrMWBlApiR_tibj4OdEDrrifctv4aBiaDJYGBh2NcHxyDani-9nYo3nhdSgqQ3f4C8Yq6XES6g/s320/a.jpg"/></a>
<br/>
<a href="http://ktlai.blogspot.com"><img width="60" alt="ktlai" src="http://images.cooltext.com/945106.png" height="35"/></a>
<a href="http://cooltext.com/Logo-Design?LogoID=485696460"></a>
<br/>

<a href="http://kang-setia.blogspot.com" target="_blank">
<img border="0" alt="Blog tutorial " src="http://i920.photobucket.com/albums/ad46/setiabudi38/iconbaner.jpg"/></a>

</marquee>

Selamat Mencoba....Kang setia

sponsor

Artikel yang berkaitan