Onho Zooming

"Teliti sebelum Membeli". mungkin teman-teman pernah mendengar kata-kata bijak ini. Jika di kaitkan dengan judul tulisan kali ini maka effect zooming ini akan berguna bagi kita untuk meneliti segala sesuatu yang akan dibeli. heheheee.... (hanya sebuah untaian kata-kata)

Di beberapa isi blog saya ini menuliskan tentang effect zoom pada gambar / image diantaranya :
Effect Zoom Pertama dan Effect Zoom Kedua

Sekarang yang ketiga adalah seperti ketika anda sorot gambar motor Jupiter MX diatas!

Bagaimana cara membuat effect zooming ini ?
akan saya berikan tipsnya sebagai berikut :

Masuk ke editor HTML Template sobat, kemudian cari kode </head>
lalu tempatkan kode dibawah ini tepat diatas kode </head>

---

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<script src='http://watono.googlecode.com/files/onho-zoom.0.2.8.js' type='text/javascript'/>

---

script yang berwarna merah tidak perlu digunakan jika sobat sudah memasang kode effect dari ajaxgoogleapis.

selanjutnya simpan template anda.

Kemudian masuk ke dalam tempat posting sobat, upload gambar yang ingin ditampilkan kemudian sisipkan script berikut ini didalamnya

---

class="onho-zoom" rel="softFocus: true, position:'inside', smoothMove:2"

---

maka hasilnya akan seperti ini :

<div class="separator" style="clear: both; text-align: center;">

<a class="onho-zoom" rel="softFocus: true, position:'inside', smoothMove:2" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEnnW3uT8k9ZDyu_pWfBViTQvBDl2QBiSqGmTHD9-06dOWE2llEEh5JyCkReXhPibD-8ai5Usn-KEGvaHXKieY7Rgy-8oUKcHHFpr3IGzXlYBYpKe1wGWzhjZLhQjF_A5XGJHPR4FKo3c/s1600/large-zoom-example.jpg" imageanchor="1" =><img border="0" height="409" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEnnW3uT8k9ZDyu_pWfBViTQvBDl2QBiSqGmTHD9-06dOWE2llEEh5JyCkReXhPibD-8ai5Usn-KEGvaHXKieY7Rgy-8oUKcHHFpr3IGzXlYBYpKe1wGWzhjZLhQjF_A5XGJHPR4FKo3c/s640/large-zoom-example.jpg" width="640" /></a></div>

 yang berwarna Biru adalah script effect yang ditambahkan, sedangkan yang warna Merah adalah image hasil upload-an sobat.

Simpan dan terbitkan, hasilnya....ya pasti seperti effect yang ada diatas!