Tulisan Berjalan Pada Blog

Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog. 

Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee  seperti contoh nomor satu, anda tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda.  Untuk lain-lainnya anda bisa ber experiment sendiri" mudak ko'k.

01. Tulisan berjalan ke kanan.

Tulisan berjalan kekanan


KODE : <marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> 

02. Tulisan berjalan dengan gambar.

Tulisan berjalan dengan gambar


KODE : <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 /> 

03. Tulisan berjalan ke atas.

Tulisan berjalan ketas

KODE : <marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>

04. Tulisan dapat memantul.

Tulisan mantul

KODE : <marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>

05. Tulisan berjalan akan berhenti jika dibayangi cursor.

Tulisan berjalan akan stop bila dibayangi oleh cursor

KODE : <marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

06. Tulisan zig-zag

Zig-zag

KODE : <marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>

07. Tulisan Bouncing around

Bouncing around

KODE : <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

Tulisan berjalan lambat
KODE : <marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>

nb: jika kalian ingin merubah warna tulisan anda cukup memasukan kode ini <div id="demo" style="color: red;"><marquee onmouseover=this.stop() onmouseout=this.start()>tulisan anda sekalian</marquee></div>

>>yg merah adalah script yg perlu dimasukin

>>yg biru adalah code code script yg diatas

>>kalian juga bisa mengganti warna merah tesebut dengan mengganti kode ini >>> <div id="demo" style="color: red;">     kode yg berisi warna kuning itu bisa dirubah menjadi : blue (biru) , erange , green (hijau) dan lain lain (harus pake bahasa inggris)

kalau bermanfaat jangan lupa berikan rekasi kalian.

sekian terima kasih.

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Tulisan Berjalan Pada Blog ini dipublish oleh Unknown pada hari Sunday, December 18, 2011. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 3 komentar: di postingan Tulisan Berjalan Pada Blog