Merubah Tampilan Link Ketika Mouse Diarahkan

Senin, 28 September 2009

Merubah Tampilan Link Ketika Mouse Diarahkan. Tampilan link ketika mouse diarahkan pada link tersebut bisa kita ganti. Contohnya silahkan arahka mouse anda pada link dibawah ini.

-Rumah Blogger
-Business Online Tips

Bagaimana cara membuatnya?. Sebenarnya sangat sederhana. Langkah pertama, silahkan login ke account blogger kamu. Kemudian masuk ke halaman edit html dan cari kode di bawah ini. Kamu bisa memperbesar tulisan link, mengganti warna background link, atau pun mengganti warna link ketika mouse di arahkan.

Silahkan masuk ke halaman edit hmtl dan cari kode di bawah ini :

a:hover {

color:#ffffff;

text-decoration:none;

}

Tambahkan kode di bawah ini pada kode tersebut

font-size: 15px;

background:#cc0000

Hasilnya

a:hover {

color:#ffffff;

text-decoration:none;

font-size: 15px;

background:#cc0000

Penjelasan :

1. colour adalah warna link ketika mouse diarahkan

2. text-decoration adalah tampilan tulisan dari link tersebut, kamu bisa menggantinya dengan bold untuk huruf tebal dan underline untuk huruf dengan daris bawah.

3. Background adalah warna latar belakang dari link tersebut ketika mouse diarahkan.

4. font-size adalah besar dari huruf link tersebut ketika mouse diarahkan.

Selamat mencoba...salam Tips Blogger.