Tuesday, November 22, 2011

Cara Membuat Hover Glow Pada Setiap Link


Saya membuat trik ini berawal dari blog saya yang menggunakan cursor custom karena itu setiap link tidak merubah gambar cursor menjadi seperti ini  saya khawatir para pengunjung ada yang tidak menganggap nya sebagai link jadi saya beinisiatif untuk menambah setiap link hover glow agar terlihat bahwa itu merupakan sebuah link :D

Berikut merupakan cara agar setiap link di blog ada hover glownya:

1. Masuk ke Blogger.
2. Klik Template > Edit HTML > Procced.
3. Cari kode <head> lalu masukan kode berikut di bawahnya.
<style>
    a:hover {
   text-shadow: 0px 0px 8px #0000FF;
    }
</style>
Keterangan:
☺yang berwarna biru merupakan besar ukuran glow, anda bisa perbesar atau perkecil hover sesuai selera.
☺yang berwarna merah merupakan warna Glow anda bisa ganti dengan kode warna kesukaan anda.

4. lalu klik Save Template.
selesai....
-Semoga Bermanfaat-

13 comments:

  1. mantap nih kayaknya.tak cobain dulu mas..

    ReplyDelete
  2. Berkunjung lagi disini ikut meramaikan suasana mas.hehehe

    ReplyDelete
  3. @Abi Says Drunk@Ageboy@On The 7 haha agan" makasi sudah mau berkomen di blog saya ☺
    @Ageboykerjaanya bagus hahaha

    ReplyDelete
  4. bisa aja nih mas(jadi malu.)hahaaa

    ReplyDelete
  5. thank's tutornya,,!!

    liat2 blog saya http://zonatambun.blogspot.com/2011/12/tuker-banner-yuk.html

    ReplyDelete
  6. gan thanx tutor nya berhasil kapan kapan mampir lagi ahhh link nya saya catat jadi blog favorite

    ReplyDelete
  7. @FARIZKI_MAULANA ok gan masama , oke di tunggu lagi kedatangannya :D

    ReplyDelete

Powered by Blogger.