May 26, 2009

Highlight Image When Mouseover

Author: Desta | Posted at: 7:47 AM | Filed Under:
Apa sih Highlight image when mouseover . . . . ? Rekan-rekan gak perlu bingung mengartikan judul postingan saya ini. Ini hanya segelintir istilah pada kosakata komputer yang berkenaan dengan gerakan mouse saat rekan arahkan atau pindahkan dan menunjuk sebuah objek gambar. Pada postingan ini saya akan memberikan caranya bagaimana sebuah objek gambar akan tampak lebih terang (Highlight) pada saat mouse menunjuk objek gambar tersebut seperti pada gambar berikut ini (arahkan mouse ke gambar)

my car


love

junior

Menarik bukan ...??

Ini dapat rekan gunakan untuk mempercantik tampilan pada tombol-tombol yang rekan gunakan pada blog seperti tombol Read more, Download, dll.
Baiklah bagi rekan yang berminat silahkan lanjutkan membaca ceritanya … (he..20x)

Langkah-langkahnya sebagai berikut :

1. Silahkan rekan Copy kode berikut ini


2. Login ke blogger rekan – Masuk ke Tata Letak / Layout – Edit HTML
3. Paste kan Code yang rekan Copy diatas setelah kode <head>
4. Klik Simpan / Save Template
5. Selanjutnya rekan Copy kembali Code berikut :


6. Tambahkan Code diatas pada tag <img> dari kode gambar yang akan rekan berikan efek highlight
7. Jika bingung perhatikan contoh berikut ini :
Kode gambarnya : (HTML dari gambar yang tersimpan di photobucket.com)


Kode gambar setelah di tambahkan dari langkah no.5 – 6 diatas :


8. Klik Simpan / Save Template (Jika rekan menggunakan pada template HTML)
Atau
9. Klik Terbitkan Entry (Jika rekan menggunakan pada posting artikel blog)
10.Silahkan rekan gerakan mouse pada gambar yang rekan gunakan untuk melihat hasilnya.

Selamat mencoba ……. Mudah bukan….??
Bookmark and Share

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)
 

Followers