Cara Membuat link berubah saat Mouse diarahkan

Kembali Lagi nih saya sobat t'Net. saya semangat sekali berbagi dengan sobat t'Net. Karena saya juga mendapat trik ini dari teman saya, maka saya akan meberikannya juga kepada sobat t'Net. Untuk tutorial kali ini saya akan memberikan trik untuk mengubah bentuk tulisan link saat Mouse kita arahkan ke arah link tersebut.
untuk lebih jelasnya, dapat sobat lihat pada halaman blog saya ini.
Nah...tanpa banyah cerita kita mulai aja yah...
kita mulai dengan:

1. Masuk ke blogger.com dengan account kita sendiri
2. kemudian pada dasbor sobat, pilih Pengaturan
3. Pilih lagi Edit HTML
4. Kemudian cari kode di bawah ini: 

Untuk Judul Postingan:

.post-title a:hover {
color:#cc0000;

untuk Link secara keseluruhan

body {
background: #0B3861;
background-image: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/headerimage-1.jpg);
background-attachment: none;
background-repeat: repeat-x;
background-position: none;
margin : 0;
padding : 0;
font : x-small Verdana, Arial;
text-align : center;
color : #BDBDBD;
font-size : small;
font-size : small;
}
a:link {
color : SkyBlue;
text-decoration : none;
}
a:hover {
color : #990000;

  untuk kode berwarna Biru, silahkan anda sorot dulu. Kemudian Letakkan salah satu Kode di bawah ini tepat berata di bawah kode yang berwarna biru:

text-transform:uppercase;

text-transform:lowercase;

text-transform:capitalize; 

Hasilnya sebagai berikut :

contoh teks link uppercase

contoh teks link lowercase

contoh teks link capitalize

atau pilih yg ini nih: 

text-decoration:underline;

text-decoration:overline;

text-decoration:line-through;

text-decoration:blink;

 hasilnya:

contoh teks link overline

contoh teks link line-through

contoh teks link underline

contoh teks link blink

Note: The "blink" value is not supported in IE, Chrome, or Safari.

semoga bermanfaat..

selamat mencoba...!!

527FEF69-27BF-29BD-EB01-26332D481697

1.02.28