Cara Membuat Tulisan Bergerak Atau Marquee Text Pada Blog

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 :

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

Jika korang ingin buat tulisan bergerak itu nampak lebih menarik. korang perlu tambah sedikit coding lagi. sebagai contoh apa yang admin telah buat :

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

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

behavior="left" -----> cara tulisan bergerak
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