Salam semua. hari ini admin ingin berkongsi lagi dengan korang tutorial mudah. kali ini admin kongsikan Cara Membuat Tulisan Bergerak Atau Marquee Text Pada Blog. caranya cukup mudah dan codingnya cukup ringkas. coding utama adalah seperti berikut :
<marquee>Tulisan bergerak</marquee>
Tulisan Bergerak = tulisan korang
Hasilnya adalah seperti berikut :
Jika korang ingin buat tulisan bergerak itu nampak lebih menarik. korang perlu tambah sedikit coding lagi. sebagai contoh apa yang admin telah buat :
Coding :
<div style="color: red;">
<marquee behavior="left" onmouseout="this.start()" onmouseover="this.stop()">SELAMAT DATANG KE BLOG KONGSI APA2AJE, SEMUA DISINI ADALAH DIKONGSI, KORANG BEBAS UNTUK AMBIL APA2 AJE DISINI DAN SEGALA RISIKO ADALAH TANGGUNGJAWAB KORANG SENDIRI, PIHAK KONGSI TIDAK AKAN BERTANGGUNGJAWAB, HARAP MAKLUM</marquee>
<div style="color: red;"> ----- > warna kesukaan korang
onmouseout="this.start()" onmouseover="this.stop() ------> berhenti bila mause diajukan
Antara coding yang masih boleh korang tambah :
bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
*scroll(tulisan berputar)
*slide(tulisan bergerak sekali dan berhenti)
*alternate(tulisan bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas tulisan
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah
* masukkan bilangan seperti scrollamount="10", scrolldelay="10", loop="10"
*semakin kecil bilangan semakin perlahan pergerakan
Coding tambahan tersebut hendaklah dimasukkan ke dalam coding utama. korang boleh guna untuk sidebar mahupun template html. pandai2 lah korang ubah dalam template html yer. apa2 komen dan cadangan sila utarakan disini.
Admin hanya kongsikan. semoga korang berjaya (^_^)
Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih
0 comments:
Post a Comment