Cara Memperbesar Gambar Blog

Cara Memperbesar Gambar Blog sudah saya jelaskan pada artikel yang lain di blog ini yaitu cara memberikan efek memperbesar (zoom) gambar blog. Memang judul artikel yang saya gunakan sama yaitu mempebesar gambar blog tapi ada perbedaan tampilan gambar yang terlihat dengan artikel sebelumnya dan artikel ini. Tentu efek mempebesar gambar blog ini memiliki perbedaan tampilan karena kode yang digunakan seperti yang terlihat pada demo berikut ini

Cara Memperbesar Gambar Blog

Demo perbandingannya nich...
Demo A untuk artikel sebelumnyaDemo B untuk artikel ini
Cara Memperbesar Gambar Blog


Dari contoh tampilan demo diatas, anda tentunya sudah memiliki gambaran tentang cara memperbesar gambar blog yang terbaik yang bisa anda gunakan kedalam artikel blog anda.
Perbedaan lainnya adalah pada artikel ini tampilan gambar memiliki keunikan tersendiri yaitu saat gambar membesar, maka daerah disekitarnya akan terpengaruh dan cenderung btertutup jika tampilan gambar melewati batas area postingan. Artinya, ia tetap menggunakan lebar dari lebar artikel blog anda!

Cara memperbesar gambar blog yang satu ini juga terbilang mudah dalam membuatnya, anda tidak perlu memasang kode kedalam template blog tapi cukup memasukkan kode berikut ini kedalam setiap postingan gambar blog anda.

Salin kode berikut untuk memberikan efek zoom pada gambar

<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://yourjavascript.com/21133715255/zoomeffectpict2.js" type="text/javascript"></script>
<img class="expando" height="120" src="Url Gambar" width="100" />

Keterangan :
height="120" : Ukuran tinggi gambar
width="100" : Ukuran lebar gambar
Url Gambar : Ganti dengan link gambar

Selesai. Demikian cara memperbesar gambar blog yang mungkin bisa anda gunakan dan semoga bermanfaat. Jika ada kesalahan, silahkan berkomentar untuk artikel ini, cara memperbesar gambar blog

12 komentar

bagus sekali efeknya
terima kasih, nanti bisa saya terapkan pada blog saya juga

Balas

PULSA ALL OPERATOR PLUS LOKET PEMBAYARAN ON-LINE
http://www.fujicelular.com/

Balas

@Taufik Hidayat okey dech mas Taufik, makasih atas kunjungan serta komentarnya
lain kali jangan berlebihan ya ngasi linknya, gunakan saja Nama/URL :)

Balas

blm bisa gan.. cara mmperbesar untuk gambar klik kita gmn..???

Balas

pasang didalam artikel scriptnya mas.. jika script diatas tidak berfungsi, ganti http://yourjavascript.com/21133715255/zoomeffectpict2.js dengan http://panduan-template-blog.googlecode.com/files/igzume.js

Balas

kalau gambar'a dari file gimana yaa...

Balas

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih