Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

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 «

2 komentar:

  1. nice blog,, mas bro,,, tukeran link yuk??

    BalasHapus
  2. mantap gan...
    selamat hari kenaikan Yesus Kristus...
    GBU

    BalasHapus

 
GR | Edited by | gubhug reyot