Klik Untuk Chat via WhatsApp
+62821-87-56-56-53
jasa buat web/blog
Thursday, 9 August 2012

Thursday, August 09, 2012
12
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  
Jika anda menemukan blog ini dari search engine google dan anda merasa terbantu dengan informasi dari blog ini, silahkan klik tombol google plus di samping kanan. terima kasih partisipasinya.

12 komentar:

  1. Ijin mencoba, semoga bisa menambah menarik blog saya

    ReplyDelete
    Replies
    1. silahkan mas...

      semoga blognya makin keren..

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

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

    ReplyDelete
    Replies
    1. di sorot dulu mbak, ke tulisan ini adalah contoh..

      di coba duli..

      Delete
  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.

    ReplyDelete
    Replies
    1. terima kasih banyak sob, sudah menambahkan kekurangan pada artikel ini...

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

    ReplyDelete
    Replies
    1. betul sekali sob.. silahkan di pergunakan sebaik-baiknya..

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

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

    ReplyDelete

Blog ini menggunakan moderasi Komentar untuk menghindari komentator yang hanya menyebarkan spam. Berkomentarlah yang baik untuk menjalin silaturahmi