Cara Memperbesar Gambar Saat Disorot Mouse - Gambar membesar saat disorot mouse, wah tentu sangat menarik dan akan tampak lebih jelas sekali gambar tersebut apabila dilihat oleh pengunjung. Mungkin tutorial ini agak sedikit berbeda pada postingan saya sebelumnya tentang Cara Membuat Efek Zoom Gambar Postingan. Anda dapat lihat sendiri dimana letak perbedaannya dari kedua postingan ini setelah anda menerapkan pada blog anda tentunya. Ok coba anda lihat gambar dibawah ini dan mulai arahkan pointer mouse anda ke gambar tersebut.
Bagaimana hasilnya, gambar terlihat membesar bukan? Seperti itulah nantinya tampilan gambar yang saya bahas di postingan ini. Jika anda tertarik ingin mencobanya, berikut kode css yang perlu anda cantumkan ke dalam postingan atau pada sidebar.
Cara meletakkan kode CSS-nya, cukup anda masukkan / letakkan ke dalam postingan yang ada gambarnya tentunya, sehingga apabila gambar disorot pointer mouse akan membesar secara otomatis pada postingan atau sidebar. Untuk meletakkan kode css pada halaman postingan harus dalam posisi HTML (bukan compose)
<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="https://sites.google.com/site/blogrudyhartono/js/expandos.js" type="text/javascript"></script>
<img border="0" class="expando" height="120" src="Silahkan isi dengan URL gambar anda" width="100" />
Keterangan :
1. Untuk height="120" dan width="100" harus lebih kecil dari ukuran gambar anda yang aslinya
2. Untuk yang warna biru adalah Url dari gambar yang akan diedit menjadi zoom gambar
Tutorial mengenai pembesaran gambar ini silahkan anda coba jika berminat dan semoga postingan cara memperbesar gambar saat disorot mouse dapat bermanfaat, happy blogging.
0 Response to "Cara Memperbesar Gambar Saat Disorot Mouse"
Posting Komentar