Home » » Cara Memperbesar Gambar di Blog

Cara Memperbesar Gambar di Blog

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
 


 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="

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAh05u6Wgi9fEo8opotTwGEwvOFvvxeZ0L91x2E2H-HLbaelyCpcwkbZCLqqEfxgbeKTQsdkS6TMn6AV86UxFnlAg8x8kzzCFoZnNw_WgYm4I8mRaZ_1a7FTTfD0bFJIx722qRqARyQNY7/s200/jhj.jpg
" width="100" />


Keterangan : Text yang berwarna MERAH Ganti dengan link gambar anda, gak diganti jga gk apapa, 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
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Belajar ngeblog - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger