Info Lainnya

Membuat Efek Animasi Pada Teks

18 Januari 2009

            Animasi teks merupakan suatu bentuk teks yang dapat bergerak baik itu dari kiri, kanan, atas dan bawah dalam suatu template blog. Untuk membuat animasi teks tersebut kita membutuhkan tag HTML yang dapat memberikan efek animasi pada suatu teks. tag HTML tersebut adalah "marquee" dan "blink". Nah bagaimana cara kerja kedua tag tersebut? Mari saya jelaskan fungsi dan peranan dari kedua tag tersebut di bawah ini.

Efek Animasi dengan menggunakan "marquee"

            Marquee merupakan suatu tag HTML yang dapat memberikan efek gerak suatu teks dari berbagai arah. Berikut cara penulisan tag marquee dan efek yang ditimbulkannya:

<marquee>Welcome to my blog</marquee>
Welcome to my blog

Contoh di atas merupakan suatu bentuk kode dasar dari tag marquee. Agar tampilannya lebih menarik lagi, maka kita memerlukan atribut-atribut dari tag marquee. Apa saja atribut-atribut tersebut? Diantaranya ada direction, behavior, scrollamount, scrolldelay, loop dan bgcolor. Agar saya tidak susah-susah menjelaskannya kepada kalian. Silahkan lihat saja contoh penulisan kode dan efek yang ditimbulkan dari masing-masing atribut marquee di bawah ini.

<marquee direction='right'>Welcome to my blog</marquee>
Welcome to my blog
<marquee direction='left'>Welcome to my blog</marquee>
Welcome to my blog
<marquee direction='up'>Welcome to my blog</marquee>
Welcome to my blog

<marquee direction='down'>Welcome to my blog</marquee>
Welcome to my blog

<marquee behavior='scroll'>Welcome to my blog</marquee>
Welcome to my blog
<marquee behavior='slide'>Welcome to my blog</marquee>
Welcome to my blog
<marquee behavior='alternate'>Welcome to my blog</marquee>
Welcome to my blog

<marquee scrollamount='20'>Welcome to my blog</marquee>
Welcome to my blog
<marquee scrollamount='50'>Welcome to my blog</marquee>
Welcome to my blog

<marquee scrolldelay='150'>Welcome to my blog</marquee>
Welcome to my blog
<marquee scrolldelay='200'>Welcome to my blog</marquee>
Welcome to my blog

<marquee loop='3'>Welcome to my blog</marquee>
Welcome to my blog
<marquee loop='5'>Welcome to my blog</marquee>
Welcome to my blog

<marquee bgcolor='yellow'>Welcome to my blog</marquee>
Welcome to my blog
<marquee bgcolor='blue'>Welcome to my blog</marquee>
Welcome to my blog

            Dari contoh diatas, kalian tentunya sudah mengetahui fungsi dari setiap atribut-atribut marquee di atas. Atribut tersebut dapat kalian gabungkan sehingga membentuk tampilan gerak yang berbeda. Sebagai contoh, lihat di bawah ini.

<marquee direction='up' behavior='alternate' scrollamount='35'>Welcome to my blog</marquee>
Welcome to my blog

            Untuk gabungan yang lainnya silahkan kreasikan sendiri sesuai dengan tampilan yang kalian inginkan.

Efek Animasi dengan menggunakan "blink"

            Blink merupakan suatu tag HTML yang dapat memberikan efek berkedip dari suatu teks. Berikut cara penulisan tag blink dan efek yang ditimbulkannya:

<blink>Welcome to my blog</blink>
Welcome to my blog

Atau dapat juga ditulis dengan kode sebagai berikut:

<span style='text-decoration:blink;'>Welcome to my blog</span>
Welcome to my blog

3 komentar:

»» LIHAT / TUTUP KOMENTAR

Putekha Lampung

paus nya ko' ga mau keluar,,,,=))

Tipspack

Thanks Sobat, Infonya berguna sekali... :)

Alee Syafa'at

gan,,,!!!!

ko' error mulu nich di coba.....

yaa maklum gan baru belajar,,,

kasih cara memasukan html nya dink...

         

:))

;))

;;)

:D

;)

:p

:)

:((

:(

\m/

:-bd

b-(

:-L

@};-

(*)

[-X

~O)

B-)

:!!

:O)

:-??

:-c

:X

=((

:-o

:-/

:-*

:|

8-}

:)]

:ar!

=))

X_X

:-h

:-"

:-t

#:-S

:-?

:-$

#-o

:-B

:bz

o-+

:o3
"Ekspresikan komentar kamu dengan tampilan emoticons di atas"
"Silahkan copy-paste kode shortcut yang ada di bawah gambar untuk menampilkan emoticons pada komentar kamu"
Terima kasih, komentar anda sangat berarti bagi blog ini

Posting Komentar