Cara zoom gambar ketika diarahkan kursor - Nah entah udah berapa ratusan postingan di google yang bahas ni tutorial. mulai dari zoom normal sampai zoom melayang (*saking melayang nya tuh gambar ga bisa diliat, harus diikutin kemana dia pergi. ck gw rasa tuh programmer ngedit HTML dengan membabi buta saking pingin kreatifnya -_-).
Awalnya gw berat banget mau bikin nih artikel, diantara ribuan tutor oke dan berkelas rasanya artikel gw ga bakalan pernah dibuka sama para peselancar internet :( kalaupun ada yang buka dan komen nih artikel pertama kali gw doain tujuh turunan masuk surga deh ;) *hoho saking bahagianya ya.
oke deh ga perlu berlama-lama karena tulisan gw nih mahal banget jadi ya cekidot..
Nih contoh nya :
*wuwuwu keren kan ya ^^ nah, ini dia Cara zoom gambar ketika diarahkan kursor.
1. Buka / Insert Image yang mau di zoom
2. Setelah gambar di Upload, klik kanan pada gambar. tujuannya untuk mengetahui alamat URL gambar. lalu pilih 'Salin Lokasi Tautan' / 'Copy Link Location' . lalu PASTE hasil copy tadi ke Notepad
3. Nah, sekarang antum udah dapat URL gambar nya. lanjut masukin URL tersebut ke kode zoom. (*diganti dulu ya halaman nya dari 'Compose' jadi 'HTML' .
<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="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixOEOvuyAF_2FEtxWGmOyBajrmqCbQv650N2wbIAYhhVQBfVEmzAIpWpeVXrQJYUFcSRZQ0n-JJ8zXkabLaLMJ8_vpGecfnG14Gu27XTZcJ2RjTsc226GHyBcw9_EHE6Zb1sS4WrDteDg/s1600/DY-1093643+panjang+128cm+bahan+chiffon.jpg"
width="200" />
|
ket :
kode biru : alamat URL gambar
kode merah : width = lebar gambar, height = tinggi gambar
4. Finish. balik ke compose dan kode zoom gambar udah jadi. gambar awal yang antum upload tadi dihapus aja. trus Publish deh postingan nya. (*kode zoom nya cuma bisa diliat kalo postingan nya udah di publish ye ntum)
yap sekianlah artikel mengenai Cara zoom gambar ketika diarahkan kursor. moga ada manfaat nya buat antum sekalian. gw pamit dan tunggu artikel oke gw selanjutnya.
No comments:
Post a Comment
Please leave a comment !!