Cara Memperbesar Gambar ketika Mouse digeser


Apa kabar sobat blogger semua, semoga selalu dalam lindungan TYME, Amin. Bagi saya bermain dengan gambar-gambar di dalam blog sangatlah menyenangkan, apalagi gambar atau image yang kita suka, rasanya ingin cepat-cepat dipajang untuk dipamerkan (kalau sekarang lagi narsis niiih, unjuk gigi.. xixixi). 

Pada kesempatan posting kali ini saya ingin sedikit menguak hal berhubungan dengan gambar zoom versi dynamic drive, yaitu gambar akan membesar ketika disorot. Maksudnya begini ketika mouse kita arahkan ke gambar tersebut maka gambar akan lebih besar dari ukuran sebelumnya.

Langsung saja, kita ikuti langkah-langkahnya :
0. Baca basmallah terlebih dahulu
1. Masuk ke blog sobat.
2. Klik tata letak.
3. Pilih edit HTML.
4. Cari kode </head>.
Letakkan script di bawah ini tepat di atas </head>, hingga posisinya seperti ini :
<style type='text/css'>
border:none;
vertikal-align:top;}
</style>
<script src="http://cryzzahwa87.googlecode.com/files/gambarmembesarketikadisorot.js" type="text/javascript">
</script>
</head>.

5. Jangan lupa klik simpan.
6. Terakhir ucapkan Alhamdulillah, karena langkah-langkahnya berhasil dengan baik.

Nah, setelah selesai ketika akan posting gambar atau image sobat tinggal menambahkan sedikit kode pada alamat gambar yang sobat punya.

 
Berikut kode scriptnya :
<img class="expando" border="0" src="URL Gambar" width="75" height="75">

NB : URL GAMBAR diganti dengan alamat gambar yang akan diposting

Penting :
Pas mau posting gambar jangan lupa masuk ke kome HTML, jangan yang Compose :D

Sekian
Download Gratis
Download Gratis Logo dan Program Komputer
www.kuwarasanku.blogspot.co.id

Kumpulan Sejarah
Informasi Kumpulan Sejarah Lengkap
www.juragansejarah.blogspot.co.id

Gadis 2015
Informasi Seputar Kehidupan Wanita
www.gadis-2015.blogspot.com

Ads by Cryz Zahwa
Warnet Petruk | Jl. Karangbolong - Buayan
Gratis 1 Jam khusus buat Pelajar tiap Jum'at
Warnet Petruk

PADAMU NYAI
Daftar nama-nama dari Padamu Nyai
padamunyai.blogspot.co.id

Wallpaper Amazing
Koleksi Wallpaper HD dan Gambar Aneh
www.kecampuran.blogspot.co.id

Ads by Cryz Zahwa

Subscribe to receive free email updates: