Global Variables


Jumat, 17 Juni 2011

otak atik link


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 atas

semoga 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

handapeunpost