Cara Memberi Efek Pelangi Pada Link Hover di blog

Setiap template blog pasti memiliki bentuk tampilan link (tautan) yang berbeda-beda. Kali ini saya ingin membagikan cara memberikan effect pelangi di link hover web anda. Tapi yang pertama saya pengen menjelaskan sedikit tentang link, baca aja dehh yang ada dibawah ini:




Link memiliki 3 bentuk tampilan yang terdapat pada script HTML template blog, yaitu: link active, link visited dan link hover.
  • Link active, adalah bentuk tampilan link ke suatu URL tertentu yang masih belum diklik untuk dikunjungi.
  • Link visited, adalah bentuk tampilan link yang sudah diklik untuk dikunjungi. Link ini akan kembali ke bentuk active jika kamu menghapus riwayat (history) pada internet explorer, atau jika kamu membuka situsnya di komputer lain.
  • Link hover, adalah bentuk tampilan link apabila didekati oleh mouse pointer.
Nahh, sekarang cara memberi rainbow effect (efek pelangi) pada link hover, agar link pada blog akan terlihat berwarna-warni, apabila didekati oleh mouse pointer.
Ikuti langkah-langkah dibawah ini:

  1. Login ke akun blogger.
  2. pilihTata Letak lalu klik Edit HTML.
  3. copy script berikut : <script src='http://sites.google.com/site/ruangsc/enes/rainbowlink.js'/>
  4. Letakkan script tadi di bawah <head>  (sebaiknya di bawah <title><data:blog.pageTitle/></title>)
  5. Kemudian save.
  6. Untuk melihat hasilnya, buka blog anda lalu dekatkan mouse pointer kalimat yang menggunakan link. Keren kan ??

About the Author

iHoney

Hendra peace done
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor Aenean massa.

1 komentar:

Copyright © 2014 Tips dan trik informasi teknologi | Designed With By Blogger Templates
Scroll To Top