Minggu, 17 Februari 2013
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...
| 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
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Memperbesar Gambar Blog
