Menghias Website – Efek Warna Warni Pelangi pada Link

Pelangi-pelangi, alangkah indahmu… Merah kuning hijau bla bla bla… Ahahahhaa, malah sing a song! Tapi setidaknya warna indah pelangi memang cukup memberi inspirasi bagi pembuat javascript link pelangi ini (dunno who???). Sedikit tips untuk memperindah tampilan website/ blog adalah dengan memberi warna pelangi yang berubah-ubah ketika link didekati mouse (hover). Agak berbeda dengan tips cara menghias link sebelumnya seperti membuat effect shadow pada link atau yang akan dibahas setelah ini yaitu membuat transition effect pada link, dimana keduanya hanya murni menggunakan CSS. Karena Efek pelangi pada warna link ini membutuhkan javascript. Tapi jangan khawatir, hanya butuh satu buah javascript dan ukurannyapun hanya 2.3kb saja.
Untuk memperjelas maksud artikel ini sekaligus sebagai contoh penggunaan link warna pelangi, silahkan buka halaman utama situs ini https://www.finderonly.net. Adapun cara memasangnya sangat mudah, hanya butuh dua langkah saja.

1. Download file rainbow javascript ini (click to download) lalu upload kembali file tadi ke tempat hostingmu. Catatan, karena file javascript tampil sebagai text di browser maka copy text tersebut – buat file teks biasa dengan notepad – paste text dan simpan sebagai rainbowlink.js (rename rainbowlink.txt => rainbowlink.js).
2. Setelah upload selesai, maka panggil javascript tadi sesuai dengan lokasinya dan simpan pada bagian header. Bagi pengguna wordpress, silahkan buka file header.php dari cpanel/ ftp atau bisa juga dari Dashboard – Appearance – Editor – header.php, dan ingat untuk menyimpannya sebelum tag penutup head. Contoh jelasnya seperti ini:
   

   <script src="http://situskerenku.com/rainbowlink.js" type="text/javascript"></script>…..</head>…..

Nah mudah saja bukan? Sebetulnya banyak cara memperindah tampilan website dan blog dengan mudah. Seperti contoh lainnya transisi atau perubahan gradasi warna link yang sudah diterapkan blog ini (lihat pada Recent comments/ Posts dan tag cloud{udah ganti template deng :lol:}), dan itupun saya bahas pada membuat transition effect pada link yang hanya murni mengoprek CSS saja, merubah gambar header dengan gradient (murni CSS juga), sampai cara yang lebih advance lagi dengan menggunakan software animasi dalam membuat animasi flash untuk website/ blog seperti yang nampak floating di sisi kanan browser sobat (udah di copot pula). Namun untuk yang terakhir belum saya buat karena masih minimnya response audience. Namun kalau dirasa perlu mungkin suatu saat akan saya buat tutorial khususnya. Sementara segitu dulu deh, silahkan dicoba dan semoga bermanfaat.