Tuesday, November 22, 2011

Home / Belajar Blogger / Tips dan trik / Cara Membuat Hover Glow Pada Setiap Link

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-

Author Image

About zamaludin abdulah
Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design

Diposkan oleh
Tempat: ,

13 comments:

  1. Abi Says DrunkNovember 22, 2011 at 11:28 AM

    Keren sob tutornya nice share

    ReplyDelete
  2. oM BoyNovember 22, 2011 at 1:16 PM

    mantap nih kayaknya.tak cobain dulu mas..

    ReplyDelete
  3. UnknownNovember 22, 2011 at 3:50 PM

    mkasih gan

    ReplyDelete
  4. UnknownNovember 22, 2011 at 10:53 PM

    mampir lagi gan :D

    ReplyDelete
  5. oM BoyNovember 23, 2011 at 1:31 AM

    Berkunjung lagi disini ikut meramaikan suasana mas.hehehe

    ReplyDelete
  6. zamaludin abdulahNovember 23, 2011 at 6:24 AM

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

    ReplyDelete
  7. oM BoyNovember 23, 2011 at 3:39 PM

    bisa aja nih mas(jadi malu.)hahaaa

    ReplyDelete
  8. zamaludin abdulahNovember 24, 2011 at 5:30 PM

    @Ageboyhahaha gak perlu malu juga kali

    ReplyDelete
  9. Riyadi RahmatJanuary 3, 2012 at 2:40 PM

    thank's tutornya,,!!

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

    ReplyDelete
  10. zamaludin abdulahJanuary 3, 2012 at 8:43 PM

    @Riyadi Rahmatok sip gan

    menuju tkp

    ReplyDelete
  11. Farizki - M.rFebruary 10, 2012 at 3:45 PM

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

    ReplyDelete
  12. zamaludin abdulahFebruary 13, 2012 at 10:35 AM

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

    ReplyDelete
  13. SyaifJanuary 30, 2013 at 7:54 PM

    WAW!!! infonya berguna, thanks -b

    ReplyDelete

Subscribe to: Post Comments (Atom)
Powered by Blogger.