Pages

Friday, September 14, 2012

Marquee

Adalah kode HTML yang membuat teks animasi dan memungkinkan kita dapat membuat kreasi blog / web agar lebih menarik.

Berikut contoh Tag Marquee :

1.  Teks bergerak ke kiri
<marquee>Sleeping Forest</marquee>
Sleeping Forest

2. Teks bergerak ke kanan
<marquee direction="right">Sleeping Forest</marquee>
Sleeping Forest

3. Teks bergerak ke atas
<marquee direction="up">Sleeping Forest</marquee>
Sleeping Forest 

4.Teks bergerak ke bawah
<marquee direction="down">Sleeping Forest</marquee>
Sleeping Forest
5. Teks bergerak memantul
<marquee behayior="alternate">Sleeping Forest</marquee>
Sleeping Forest
6. Teks berhenti jika kursor berada pada wilayah animasi
<marquee onmouseover="this.stop()" onmouseout="this.start()">Sleeping Forest</marquee>
Sleeping Forest
Demikian animasi teks marquee, animasi marquee tersebut dapat dikembangkan dengan beberapa tag variasi.

1. Teks dengan background 
<marquee bgcolor="yellow">Sleeping Forest</marquee>Sleeping Forest

<marquee direction="up" bgcolor="yellow" height="75">Sleeping Forest</marquee>
Sleeping Forest

2. Teks dengan kecepatan gerak  ( scrollamount )
<marquee scrollamount="100">Sleeping Forest</marquee>
Sleeping Forest

<marquee scrollamount="2">Sleeping Forest</marquee>
Sleeping Forest


<<semoga bermanfaat>>

Cara Membuat Animasi Link, Berubah Warna dan Membesar Saat Mouse Mengarahkan ke Link

Pada kesempatan kali ini saya akan mengulas bagaimana cara membuat animasi link seperti judul di atas.

Berikut langkah-langkahnya:
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML"
3. Cari bagian a:link { dan a:hover { -->untuk mempermudah pencarian ketik ctrl+f -->  dan ganti kode yang ada di bawah kode a:link { pada template dengan kode di bawah ini,.....!!!

a:link {
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover {
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

4. Simpan Template.anda tinggal ganti font2 yang berwarna oke
sekian