Cara Membuat Gambar otomatis Zoom Pada postingan blog-salam kawan blogger, kali ini saya akan memposting sesuatu yang bisa jadi dapat membantu mempercantik blog anda.
pernahkah anda melihat sebuah postingan yang didalamnya berisi sebuah
gambar yang relatif kecil, namun apa bila kursor kita letakkan pada
gambar tersebut maka gambarnya otomatis terZOOM atau menjadi ukuran besar. mau tahu bagaimana cara membuatnya??? ikuti langkah-langkah dibawah ini:
- Login ke blog anda
- buat postingan baru / new post kemudian pilih HTML, letaknya disamping "compose"
- kemudian copy kan script dibawah ini.
tampilkan script:
membuat gambar menjadi zoom dikursor
<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="100" src="URL GAMBAR ANDA" width="100" />
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="100" src="URL GAMBAR ANDA" width="100" />
- ganti TULISAN BERWARNA MERAH Diatas dengan url gambar yang anda inginkan (baca artikel : CARA MENDAPATKAN URL GAMBAR. dan TULISAN BERWARNA HIJAU bisa anda ganti sesuka hati anda, angka tersebut menyebutkan tinggi dan lebar gambar yang akan anda masukkan.
- kemudian klik PUBLIKASIKAN
contoh :
sekian informasi dari saya tentang Cara Membuat Gambar otomatis Zoom Pada postingan blog semoga dapat bermanfaat untuk kalian semua, sekian dan terimakasih ;)
No comments:
Post a Comment