Cara Memodifikasi Link dengan CSS

By Unknown

Sabtu, 03 Desember 2011

Mungkin ini hanya teknik modifikasi link sederhana, namun dapat memberikan efek yang menarik bagi link di blog anda dan dapat dijadikan daya tarik tersendiri bagi tampilan blog anda. Sekarang mari kita bahas cara memodifikasi link di blog anda, ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Masukan salah satu kode di bawah di atas kode ]]></b:skin>

Modifikasi 1
a:link{color:#06C}
a:visited{color:#c00}
a:hover{color:#2D8930; font-size:120%}

Modifikasi 2
a:link{color:#06C}
a:visited{color:#c00}
a:hover{color:#2D8930}

Modifikasi 3
a:link{color:#06C}
a:visited{color:#c00}
a:hover{color:#2D8930; background:#ff6}

Modifikasi 4
a:link{color:#06C}
a:visited{color:#c00}
a:hover{color:#2D8930; font-family:monospace}

Modifikasi 5
a:link{color:#06C; text-decoration:none}
a:visited{color:#c00; text-decoration:underline}
a:hover{color:#2D8930; text-decoration:blink}

Modifikasi 6
a:link{color:#06C}
a:visited{color:#c00}
a:hover{color:#2D8930; border-style:inset; border-color:#D462FF}

Modifikasi 7
a:link{color:#06C}
a:visited{color:#c00}
a:hover{color:#2D8930; font-family:monospace; font-weight:bold; font-size:120%; background:#ff6; text-decoration:blink}

Selanjutnya klik Simpan Template dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"

Share :

Facebook Twitter Google+