Pada tutorial kali ini ambo "saya" akan menjelaskan bagaimana cara menambah EFEK MARQUEE (tulisan berjalan) yang
biasa kalian jumpai pada Sidebar / Posting suatu blog.
Untuk menampilkan di blog anda, cukup COPI-PASTE kode html-nya. caranya cukup mudah kok, pertama anda copi kode html yg anda inginkan kemudian paste ke gadget HTML/javascrip.
Untuk yg lain-lainnya anda bisa berexperiment sendiri :)
1. Tulisan berjalan ke kanan
<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />
4. Tulisan dapat memantul
<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>
5. Tulisan berjalan akan berhenti jika dibayangi cursor
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>
1. Tulisan berjalan ke kanan
<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />
2. Tulisan berjalan dengan gambar
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />
3. Tulisan berjalan ke atas
<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>
4. Tulisan dapat memantul
<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>
5. Tulisan berjalan akan berhenti jika dibayangi cursor
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>
6. Tulisan zig-zag
<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>
7. Tulisan Bouncing around
<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br />
8. Tulisan berjalan lambat
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>
9.selamat mencoba :)
9.selamat mencoba :)
Tidak ada komentar:
Posting Komentar