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

Februari 21, 2011 at 8:00 pm | Dikirim dalam tutorial | Tinggalkan komen

>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=”http://lh4.ggpht.com/_MGsM4k7cdkU/TStBKc-zouI/AAAAAAAAMXQ/Yv2ZAqdT6H8/3rd-besday-300px.jpg” title=”due 11 Feb 2011″ width=”280″ /></a> </textarea> </center>

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

Advertisements

Tinggalkan Komen »

RSS feed for comments on this post. TrackBack URI

Tinggalkan Jawapan

Masukkan butiran anda dibawah atau klik ikon untuk log masuk akaun:

WordPress.com Logo

Anda sedang menulis komen melalui akaun WordPress.com anda. Log Out / Tukar )

Twitter picture

Anda sedang menulis komen melalui akaun Twitter anda. Log Out / Tukar )

Facebook photo

Anda sedang menulis komen melalui akaun Facebook anda. Log Out / Tukar )

Google+ photo

Anda sedang menulis komen melalui akaun Google+ anda. Log Out / Tukar )

Connecting to %s

Blog di WordPress.com.
Entries dan komen feeds.

%d bloggers like this: