Minggu, 15 April 2012

Cara membuat Efek gambar Hover Ketika Disorot Mouse

0 komentar


Kalian pernah liat image atau gambar yang ada diblog, ketika disorot mouse .. gambar itu akan berubah .. ehm, contohnya kayak gini .. langsung diliat dibawah ini gan ::-->>

Nah tu dia khan .. kalo disorot mouse ... emoticon itu bisa langsung berubah .. lhah bagaimana bila ingin seperti itu :: dibawah gan TeKaPe-nya >>
1. Masuk dulu ke Blogger dengan ID dan Password kalian
2. Klik Rancangan
3. Terus klik lagi Edit HTML
4. Centang Expand Widget Template
5. Cari kode :: ]]></b:skin>
6. Letakkan kode dibawah persis diatas kode di no. 5
7. Save template ..

Sekarang bagian kedua .. untuk memanggil kode tadi supaya bisa dibaca oleh image yang kita taruh di sidebar ..
Kodenya seperti ini ::-->>
<div class="kodokloncat" id="kodok-3">
<img src="URL pertama dari gambar kalian"/>
<div class="details"><img src="URL kedua dari gambar kalian"/>
</div></div>

Catatan :: Usahakan gambarnya ukurannya sama :: misal 100pxX100px

Udah gan .. sekarang punya kalian juga pastinya bagus tuh ..

Leave a Reply