Langsung aja ya...
1. membuat link berkedip (biasa)
- Masuk ke Blog anda
- Klik Tata Letak
- Klik Edit HTML
- Beri tanda centang pada kotak kecil Expand Template Widget
- Silahkan cari kode </head> di dalam template anda
- Tambahkan script berikut ini sebelum kode tersebut
<style>
a:hover { color:#00FFFF; text-decoration:blink; border-bottom:1px dotted #FF0000; }
</style>- Kode #00FFFF adalah menyatakan warna link tersebut dan kode #FF0000 adalah warna garis bawahnya
- Silahkan anda variasikan sesuai dengan warna kesukaan anda
- untuk kode warna anda bisa klik disini
(jangan jauh-jauh disini aja) - kalo udah di jangan lupa save
2. membuat link berwarna-warni
copy script ni
<script src='http://sites.google.com/site/muzzymusthofa/javascript/rainbow.js'/> caranya sama kayak di atassemoga bermanfaat
efek warna tulisan link
<style type="text/css">
a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
</style>membuat Box shadow di sekitar link
<style type="text/css">
a:hover
{
box-shadow: 0px 0px 13px #818181; -webkit-box-shadow: 0px 0px 13px #818181; -moz-box-shadow: 0px 0px 13px #818181;
}
</style>gabung (efek warna & Box shadow)
<style type="text/css">
a:link {color:green;}
a:visited {color:green;}
a:hover {color:red; box-shadow: 0px 0px 13px #818181; -webkit-box-shadow: 0px 0px 13px #818181; -moz-box-shadow: 0px 0px 13px #818181; }
a:active {color:yellow;}
</style>
Tidak ada komentar:
Posting Komentar