Merubah Tampilan Link Ketika Mouse Diarahkan

Merubah Tampilan Link Ketika Mouse Diarahkan

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.