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..!!

Comments (12)

Loading... Logging you in...
  • Logged in as
yea dah jadi kak yong ajor mcm mana nk letak code dalam entry dan code tu npk code...ermm faham tk erk?
My recent post CONTEST TANGKAP LELEH ANJURAN PUANBEECOM
ct N honey's avatar

ct N honey · 735 weeks ago

dalam banyak-banyak tutorial yang sama macam ni saya jumpa, tutorial di sini baru tergerak hati nak buat.tq
My recent post Jom join FACEBLOG
1 reply · active 735 weeks ago
ct,
sila la cuba.. ;) ,
tq kak yong sudi berkongsi ilmu..buat masa ni belum sempat nak cuba lagi..nnt jengah balik bila nak buat.. ;)
My recent post Milidi- Pernah Makan
1 reply · active less than 1 minute ago
Yatie,
sila lah... ;)
salam k yong...sy nak tanya lama dah...cam mana nak buat blog tuh bg ringan, sy ada pernah buat tp tak menjadi...blh tak k yong tunjuk ajar....tq k yong
1 reply · active 735 weeks ago
cuba kurangkan jumlah n3/post jadi 2 @ 3 sahaja..

bloglist tu pendek kan , hanya show 5 blog only..

cuba yg ni dulu..
Salam.. Rajin betul Kak Yong buat tutorial.. Bila2 free nanti Nur nak cuba.. :) Tq kak sebab singgah blog..
My recent post Sedap air jus durian belanda
Kak Yong, text yg gerak2 tuh kan.. mcm ner nak buat.. bila letak cursor kat atas text tuh, text tuh tak gerak.. bagi mudah nak baca jerk.. ni laju jer gerak ke atas, ke bwh.. susah nak tanggap pe yg di tulis tuh.. hehe :)

TQ
My recent post Hot Contest Pulak!
1 reply · active less than 1 minute ago
Mrs Asida..

kan dah bagi contoh kod tu... tukor aje arah direction..

ke penerangan kakyong tu tak clear... :p

nanti kakyong tambah kan kod..
Rajinnya kak yong.. thanks ya. asid de juga try buat.. hehe
My recent post Hot Contest Pulak!

Post a new comment

Comments by

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'.
. .