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