mempercantik tampilan link

Cara membuat link dengan efek hover bercahaya | Pada kesempatan kali ini saya akan sedikit berbagi tentang cara mempercantik tampilan link pada saat kursor diarahkan ke link. Langsung saja, caranya sebagai berikut:
  1. Pada dashboard blogger, pilih template.
  2. pilih edit HTML > lanjutkan > 
  3. Cari kode a:hover (gunakan ctrl + f untuk mempercepat pencarian)
  4. kemudian ganti atributnya dengan kode di bawah ini, arahkan kursor untuk melihat efeknya.
  5. silahkan ganti warnanya sesuai keinginan anda, klik disini untuk melihat kode warna.
sorot untuk melihat efeknya
Contoh 1:
ini adalah contoh
color:#4B8C1C; text-shadow:0px 1px 6px #4B8C1C
contoh 2:
ini adalah contoh 2
color:#000; text-shadow:2px 4px 6px 8px #F71717
sekian dan terima kasih  

12 komentar:

  1. Ijin mencoba, semoga bisa menambah menarik blog saya

    BalasHapus
    Balasan
    1. silahkan mas...

      semoga blognya makin keren..

      Hapus
  2. Keren sob..warna nya pun dapat kita ubah sesuai template kita ya.. :)

    BalasHapus
  3. sob, hasil efeknya gak muncul... di contoh artikel di atas...

    BalasHapus
    Balasan
    1. di sorot dulu mbak, ke tulisan ini adalah contoh..

      di coba duli..

      Hapus
  4. Kurang lengkap...
    harusnya begini

    a:hover{
    color:#4B8C1C; text-shadow:0px 1px 6px #4B8C1C
    }

    atau

    .namaSelektor:hover{
    color:#4B8C1C; text-shadow:0px 1px 6px #4B8C1C
    }

    a:hover, menandakan link yang ber Anchor "a" .
    dan ":hover" menandakan tag sorotan.

    BalasHapus
    Balasan
    1. terima kasih banyak sob, sudah menambahkan kekurangan pada artikel ini...

      Hapus
  5. postingan yang bagus sekali sobat
    bisa kita gunakan kapan diperlukan
    terima kasih atas infonya sob
    selamat malam

    BalasHapus
    Balasan
    1. betul sekali sob.. silahkan di pergunakan sebaik-baiknya..

      Hapus
  6. . . jadi pengen. coba achhhhhhh. he..86x . .

    BalasHapus
  7. Wah keren ini, izin coba mas ^_^

    BalasHapus