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
Demo perbandingannya nich...
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
Demo perbandingannya nich...
| Demo A untuk artikel sebelumnya | Demo B untuk artikel ini | ||
|---|---|---|---|
| |
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
terima kasih gan :)
BalasHapus@berbol sama-sama, salam bola!
BalasHapusgan ini teksnya paste kemna ya?
Hapusbagus sekali efeknya
BalasHapusterima kasih, nanti bisa saya terapkan pada blog saya juga
PULSA ALL OPERATOR PLUS LOKET PEMBAYARAN ON-LINE
BalasHapushttp://www.fujicelular.com/
@Taufik Hidayat okey dech mas Taufik, makasih atas kunjungan serta komentarnya
BalasHapuslain kali jangan berlebihan ya ngasi linknya, gunakan saja Nama/URL :)
waahh bgus bngt tuu..
BalasHapussuksees mbag.. hehheee
BalasHapusini gimana ya
BalasHapusblm bisa gan.. cara mmperbesar untuk gambar klik kita gmn..???
BalasHapuspasang 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
Hapuskalau gambar'a dari file gimana yaa...
BalasHapus