Tutorial Membuat Link Berubah Warna Saat Disorot Cursor

Sabtu, 05 April 2014

Lansung saja kita bahas tutornya.

berikut Step-stepnya :

Login ke blogger
Klik bagian template
Klik Edit HTML
Cari kode </head>. Untuk lebih Mudah langsung gunakan fasilitas Find, dengan menekan tombol Ctlr + F. lalu copy paste kode tersebut lalu tekan enter.
Setelah kode tersebut ditemukan copy paste scrip dibawah tepat diatas kode </head>.

a:hover { color:#00FF00; text-decoration:underline; border-bottom:1px dashed #00FF00;}

Kemudian klik simpan dan semua link yang ada pada blog anda akan berubah warna jika disorot cursor.

Note :

#00FF00 adalah kode hex yang dari warna yang dihasilkan saat link disorot cursor
underline adalah style yang dimiliki teks link. underline bisa juga diganti dengan none, blink, inherit, overline, line-through.
1px adalah Ketebalan garis yang berada dibawah teks.
dashed adalah style garis bawah teks. dashed bisa juga diganti dengan none, medium, thin, thick, dotted, double, groove, hidden, inset, outset, ridge, solid dan inherit
#00FF00 yang berada disebelah dashed adalah kode hex warna yang bisa diganti dengan warna lain. untuk mendapatkan kode hex tersebut anda bisa klik disini

Semoga Bermanfaat..!!!