Saturday, August 27, 2011 at 12:51 AM with ≡
Udah lihat gambar diataskan?? kalau disorot kursor gambarnya langsung berubah
nah itu yg disebut dangan Pictures change on Hover
Pengen tahu caranya??
Ikuti tutorial dibawah ini!!
Dashboard >> Design >> Add Gadget >> HTML/Javascript
Sebelum tuh kamu kene lah buat tab menu kamu dulu , buka photoshop dan hias sendiri tab menu kamu(dilarang ambil gambar di atas ni)
Copy dan paste kode dibawah ini:
<a href="LINK ANDA"><img src="URL Gambar 1" onmouseover="this.src='URL Gambar 2'" onmouseout="this.src='URL Gambar 1'" /></a>Kamu belajar dulu!!
Merah itu link pages kamuKalau kamu pingin pake Image change on Hover di entry kamu pakai kode ini:
Biru itu URL gambar pertama kamu sebelum kena hover
Hijau itu url gambar kedua yaitu URL gambar sesudah kena hover
jelas kan?
<img src="URL Gambar 1" onmouseover="this.src='URL Gambar 2'" onmouseout="this.src='URL Gambar 1'" />
Preview dulu kalau udah puas Save Template
Credits : Biyha
Labels: Tutorial
