Cara Membuat Efek Hover Background Pada Link Seri 1

Animasi Superman di Pojok Blog

Memasang Animasi Superman Di Pojok 2

Memasang Efek Keren Superman Terbang

Cara Mudah Membuat Label Tag Cloud

Ketika sebuah link disorot atau diletakkan cursor
di atasnya, maka link tersebut akan memunculkan
background, yang warna atau gambarnya bisa kita
ubah dan disesuaikan dengan selera kita masing-
masing seperti yang Anda lihat pada contoh di atas.

Ikutilah langkah berikut bila Anda ingin membuatnya.

1.   Masuk ke Edit HTML.

2.   Carilah kode </head>

3.   Letakkanlah di atas kode </head>,
      kode yang ada di bawah ini :

UNTUK BERBACKGROUND WARNA =

<style type="text/css">

a:hover {
text-decoration: none;
background-color: #FFFF00;
background-position: 100%;
}

</style>

UNTUK BERBACKGROUND GAMBAR =

<style type="text/css">

a:hover {
text-decoration: none;
background: url(URL gambar Anda di sini) repeat;
background-position: 100%;
}

</style>

KETERANGAN :

Gantilah warna backgroundnya dengan warna
apa saja yang Anda inginkan.

Masukkan URL gambar Anda pada kode
URL gambar Anda di sini.

So pasti Anda suka, good luck!