Cara Membuat Efek Hover Background Pada Link Seri 1

Membuat Vertical Auto Slide jQuery

Cara Memback-up Postingan

Cara Membuat Gambar Melipat

Cara Membuat Menu Dtree

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 yang berikut bila Anda ingin mencoba 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 yang Anda inginkan.

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

So pasti Anda suka dan good luck!