Membuat Gambar dan Link Membesar Saat Di Sorot Mouse



Kali ini saya ingin Mencoba membuat gambar membesar ketika disorot, dimana dulunya animasi ini saya pasang di situs berita koran online (www.koranline.com) untuk mempercantik halaman dan ternyata ada yang tertarik ingin memasang seperti itu, oke sebelum ke panduan pemasangan gambar yang membesar saat di sorot mouse coba kamu cek dulu gambar berikut:

Arahkan mouse ke gambar berikut dan perhatikan apa yang terjadi pada gambar:




Sekarang sudah paham kan tentang bagaimana gambar bisa berubah menjadi lebih besar ketika di sorot mouse? 




Untuk pembuatannya tidaklah sulit, cukup copi paste saja code ini lalu letakkan pada halaman posting atau pada sidebar.

<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript"></script>
<img border="0" class="expando" height="90" src="ISI DENGAN URL GAMBAR YANG KAMU INGINKAN" width="130" />

Keterangan :
Ganti yang berwarna merah dengan URL GAMBAR ANDA

b. Cara Memperbesar Link Saat Di Sorot Mouse

Bagaimana cara membuat link agar membesar ketika disorot dengan mouse?
Selain itu juga efek berubahnya warna link ketika di sorot mouse.

Langsung caranya saja :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML"
3. Cari bagian a:link dan a:hover dan masing-masing ganti dengan kode dibawah ini :

a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}


a:hover
{
color:#d2691e;
font-size:20px;
font-style:italic;
cursor:;
}


4. Simpan Template. Selesai.

Baca juga :

PARTAI GEMAH RIPAH