UP
    Latest News
Home » Blog » Cara Buat Efek Onmouseover Pada Gambar Di Blog

Cara Buat Efek Onmouseover Pada Gambar Di Blog
Diposkan oleh di

Wew , Pingin Tau Cara Buat Efek Gambar Seperti diatas ? ok , Kali ini myhafiezers akan membuat posting tentang Cara Buat Efek Onmouseover Pada Gambar Di Blog , dalam menggunakan efek ini kita harus membuat dua gambar yang mempunyai ukuran yang sama.

berikut kode Cara Buat Efek Onmouseover Pada Gambar Di Blog

 <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOr8WewTV9l4ILxAI-NlpGW8uOe8ti1zFsEZA5I2_PDrKk0VeO1-ZMkxjBTh8YK0l-LNqTh-4WFXp_zHqyo9fspz43jY7voVPqgsfHOjhR-Y_6lJMkNVXTsBZc1rhp25hB8f6gr2-WR8/s1600/Efek+Blog+Myhafiezers+copy.jpg'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Jb664x75BalVDjLop2uEvm6kH8N_GBAAnzZ9AO2LJTPRM66tem8ewipiTLFpmPCvY39BEfeXOcgK4ZDC4NgY8ZBbPeAbzOzIxfNDhelR-O47RqiQNI17zvvloFR4ebk4iajupbBFQSE/s1600/Efek+Blog+Myhafiezers.jpg'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Jb664x75BalVDjLop2uEvm6kH8N_GBAAnzZ9AO2LJTPRM66tem8ewipiTLFpmPCvY39BEfeXOcgK4ZDC4NgY8ZBbPeAbzOzIxfNDhelR-O47RqiQNI17zvvloFR4ebk4iajupbBFQSE/s1600/Efek+Blog+Myhafiezers.jpg" style="float: center; height: 250px; width: 330px;" /></div>

Yang warna biru ganti jadi url foto yang pertama kali tampil , dan
yang warna merah ganti jadi url foto yang kedua kali tampil

kode ini bisa di gunakan di rancangan atau di postingan atau di tempat yang support html

No comments:

Post a Comment