Monday, February 21, 2011

Home » » Tutorial : membuat text area & marquee (image & text bergerak)

Tutorial : membuat text area & marquee (image & text bergerak)

Salam bahagia,


1. membuat text area untuk banner

kodnya :


<textarea cols="60" rows="3"> kod image @ banner & link url </textarea>



cols = lebar text area
rows = tinggi text area

cols & rows ni buleh ditukor ikut kesesuaian yang diinginkan.


contoh :


hasilnya :






note :
selalunya kita gunakan kaedah ini untuk banner exchange, dan juga untuk kod banner contest/giveaway



2. membuat text bergerak (marquee)

Ibu tak ingat siapa yang bertanya, tapi memang ade rakan blogger yang bertanya..


kod asas


<marquee> text </marquee>


contoh :


<marquee> tutorial marquee </marquee>

tutorial marque



jika ingan letakkan link


<marquee> text & link </marquee>


contoh & hasilnya

<marquee> <a href="http://kakyongshoppe.blogspot.com/search/label/coolababy">Cloth diapers Coolababy</a> </marquee>

Cloth diapers Coolababy

sila hala kan cursor ke perkataan yang bergerak.. baru leh nampak ia ber'link'




Kod untuk tambah jenis gerakan


ini untuk gerakan berpatah-balik

<marquee behavior="alternate" > text & link url </marque>


ini gerakan yang lain

<marquee direction="left" > text & link url </marque>


direction lain "down", "up" & "right"


contoh


<marquee behavior="alternate" > <a href="http://kakyongshoppe.blogspot.com/2011/02/promosi-untuk-cloth-diapers-coolababy.html" target="_blank">Jualan menghabiskan stok untuk Cloth diapers Coolababy printed</a> </marque>
 


hasilnya

Jualan menghabiskan stok untuk Cloth diapers Coolababy printed





contoh hasil gerakan yang lain

direction="left"


direction="right"


tutorial marque



direction="up"


tutorial marque



direction="down"


tutorial marque




sumber tutorial dari SINI, tapi ibu tambah sedikit berdasarkan apa yang ibu tahu.


Jika nak buat image/foto/banner yang bergerak.. tukor ajer text dengan kod foto/banner/image.. kaedahnya masih sama. Kalo tak pasti.. len kali ibu tunjuk cara untuk buat banner bergerak @ macam slide show tu...



salam kasih sayang,
.

kalo suka dengan n3 ni, sila tekan yer..!!

Disclaimer

Ini adalah blog peribadi. Semua catatan @ penulisan juga adalah hak milik peribadi dan pandangan penulis, kecuali dinyatakan sumbernya.

Tidak dibenarkan mengambil tulisan @ idea di sini tanpa kebenaran. Sila minta izin yer kalo nak amik idea @ tulisan di sini.. tapi tolong ler.. usah le amik keseluruhan n3.. penat tau teman memerah otak mencari idea.

Kalo kome main rembat jer n3 teman ni, memang teman tak halalkan.Jika sekiranya teman ade terjumpa mana-mana blog yang menampal tulisan dari blog ini tanpa pernah meminta kebenaran, tuan blog tidak akan teragak2 untuk request supaya n3 tersebut di'remove'.
. .