Search JavaScript Kit:

This free script provided by
JavaScript Kit

Placed AD here !!

2 Efek Mouseover Terang dan Redup Ketika Disorot Kursor


Seringkali kita menemukan image ( Gambar ) baik tombol ataupun image header blog ketika disorot memiliki efek meredup ataupun sebaliknya. Kalau dilihat dari sisi fesyen blog tentu saja akan mempercantik tampilan blog maka otomatis menjadi daya tarik tersendiri bagi pengunjung untuk tetap exist berselancar di blog kita dan secara tidak disengaja pula akan mengangkat rating blog itu sendiri dari sisi SEO/ SERP. Bagi pemula ( Newbie ) tentu saja akan tertarik untuk memasang efek tersebut di blognya karena mengingat pengalaman diri sendiri apabila menemukan hal-hal yang sedikit aneh dan terkesan fashionable akan mengambil juga dan memasangnya di blog.
Nah, karena dasar tersebut diatas maka berikut ini akan saya uraikan tutor ( cara ) singkat memasang efek tersebut di Blog :
  • ADA 2 EFEK MOUSEOVER PILIHAN
1. MOUSE OVER EFEK TERANG

Kode script efek terang :
<img src="Url Gambar Anda" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Keterangan kode : - URL Gambar anda ganti dengan URL image yang akan dipasang

2. EFEK MOUSEOVER REDUP

Kode script efek redup :
<img src=" Url image " border="1" style="opacity:1;filter:alpha(opacity=100)"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

Keterangan kode : -URL Image ganti dengan alamat URL gambar yang akan dipasang.

  • CARANYA :
1. Login ke akun Blogger anda
2. Pilih Posting ( Jika ditempatkan di postingan ) >> pilih mode HTML
3. Pilih Tata letak >> Add Gadget jika ditempatkan di sidebar blog.
4. Copy dan Paste-kan kode diatas baik diarea postingan atau di sidebar.
5. Simpan dan lihat hasilnya.

Demikianlah, tutorial singkat cara membuat dan memasang efek mouseover redup dan terang pada Blog. Semoga bermanfaat.


0 komentar:

Post a Comment

No spam...