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 :

<center><textarea cols="60" rows="3"; <a href="http://www.kakyong.com/2011/01/ga-3rd-blog-besday.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mEKivxqel9OuxJce-7WSCLMciq1lSasRRuZGKhr5LVT2u0S9Q-ea6FyDrYirvMGArY1nvOjXgKKk_FTtIU46Bc3UphANLza7Ak0hyXO5GQS2H7-TWY7tW6fqNkwvUsV0wU1l9WQ8Jrcd/" title="due 11 Feb 2011" width="280" /></a> </textarea> </center>

hasilnya :

<a href="http://www.kakyong.com/2011/01/ga-3rd-blog-besday.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mEKivxqel9OuxJce-7WSCLMciq1lSasRRuZGKhr5LVT2u0S9Q-ea6FyDrYirvMGArY1nvOjXgKKk_FTtIU46Bc3UphANLza7Ak0hyXO5GQS2H7-TWY7tW6fqNkwvUsV0wU1l9WQ8Jrcd/" title="due 11 Feb 2011" width="280" /></a>


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"

Pakej blog make-over

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