Hover Link Pelangi: Cara Buat dan Pasang Rainbow Link Effects

Karena desain hover link CSS mempunyai banyak keterbatasan, maka untuk mendapatkan hover link yang lebih menarik dan atraktif banyak diciptakan hover link dalam bentuk script dengan menggunakan javascript. Kelemahan mendasar penggunaan hover link menggunakan javascript adalah dalam hal kompabilitinya, dimana tidak semua javascript yang digunakan kompatibel dengan browser yang ada. Salah satu Hover link yang begitu terkenal dilingkungan blogger adalah "Hover Link Pelangi" atau "Rainbow Hover Link" yang diciptakan oleh TAKANASHI Mizuki.

Javascript Hover Link Pelangi (Rainbow Link Effects)

Javascript Hover Pelangi

<script type="text/javascript">
//
</script>

Cara Membuat dan Memasang Javascript Hover Link Pelangi

1. Lakukan pengamanan template terlebih dahulu dengan cara :
   
   - Login ke Blogger
   - KLIK Tata letak
   - KLIK Edit HTML
   - KLIK Download Template Lengkap
   - Simpan di Folder PC
2. Tetaplah di Edit HTML.
   
   - Edit HTML
   - Cari KODE ]]></b:skin>
   - Copy Javascript :
   Letakkan persis di bawah ]]></b:skin>
   - KLIK Simpan Template
   - Lihat hasilnya di blog

Catatan/Keterangan :

• Supaya KODE lebih ringkas UPLOAD javascript di filehosting.
• Ambil URL-nya dan tempatkan URL seperti KODE di bawah ini :
  
  <script type="text/javascript" src="URL"></script>

Contoh penempatan javascript

]]></b:skin>

<script type="text/javascript" src="http://gubhugreyot-javascript.googlecode.com/files/gubhugreyot_rainbow-hover-effect.js"></script>

Link javascript dari google code di atas bisa langsung anda gunakan. Segeralah membuat dan coba lihat hasilnya seperti apa?!

Contoh link untuk percobaan bisa gunakan yang berikut:

Contoh bentuk kode html link.

<a href="http://tantytm.blogspot.com" target="_blank" title="Percobaan hover link pelangi.">
Hover Link Pelangi
</a>

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Senin PAHING, January, 30, 2012

» Happy Blogging - gubhugreyot «