Efek Warna Pada Link

 

Efek Warna Pada Link

 


Efek warna pada link memberikan efek menarik bagi pengunjung sehingga pengunjung penasaran dan mngklik linknya.. dan ini juga bermanfaat sebagai pembeda antara Link dan Tulisan yang bukan link. Mau tau cara membuatnya gini nih..

Caranya mudah hanya dengan mengcopy dan pastekan saja:
sebelum diubah anda silahkan lihat dan cari kode ini pada edit html anda :




a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}


Klo sudah coba bentuk yang pertama yaitu dengan mengganti kode diatas menjadi:



a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
}

-->Bentuk yang Kedua


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-size: 120%;
}


-->Bentuk yang ketiga:


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
}


-->Bentuk yang keempat


a:link {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #cc0000;
text-decoration: underline;
}
a:hover {
color: #2D8930;
text-decoration: blink;
}


-->Dan yang terakhir Bentuk yang lima :


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
font-weight: bold;
font-size: 120%;
background: #ffff66;
text-decoration: blink;
}


Silahkan coba dan jangan lupa untuk Membackup dahulu template anda sebagai langkah jaga-jaga jka terjadi kesalahan yang dapat merusak blog anda nantinya..




sumber:http://tipsblogspot.blogspot.com

Tidak ada komentar:

Poskan Komentar

 
membuat blog © 2012 | Designed by Meingames and Bubble shooter