Home » » Cara bemberikan efek membesar (ZOM) gambar di blog

Cara bemberikan efek membesar (ZOM) gambar di blog

Berikut saya akan memberikan trik untuk memberikan efek yang membesar pada gambar di blog ketika disentuh cursour, trik ini saya dapatkan di salah satu web yang menurut saya cukup keren, nanti aja yea saya kasi link web tempat saya mendapat trik ini,,,,,,

Oke langsung saja ke tutorial cara memberikan efek membesar pada gmbar blog



untuk melihat hasilnya seperti apa
coba sobat arahkan cursor mousnya pada gambar dibawah ini
DEMO




gallery thumbnail

gimana keren kaan

Untuk membuat efek memperbesar gambar blog seperti demo diatas, silahkan ikuti caranya sebagai berikut.
  1. Masuk ke akun blogger anda
  2. Pilih menu Template >> Edit Html >> tekan Ctrl+F pada keyboard
  3. Cari kode </head>
  4. Letakkan kode berikut diatas </head>     


<script src="http://yourjavascript.com/29031127131/zoomeffectpict.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/82412173123/zoomeffectpict1.js" type="text/javascript"></script>
<style>#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}</style>




 5. Simpan template
 6. Setelah memasang kode diatas kedalam template blog anda, gunakan kode berikut setiap kali anda   ingin memberikan efek memperbesar gambar blog kedalam artikel atau postingan
ini kodenya


<a class="preview" href="Ulr Gambar Besar" title="Judul Gambar"><img alt="gallery thumbnail" height="110" src="Ulr Gambar Besar Tapi Kecil" width="170" /></a>


 Keterangan

  • Ulr Gambar Besar : Ukuran asli dari gambar
  • Ulr Gambar Besar Tapi Kecil : Ukuran asli dari gambar yang sudah memiliki ukuran kecil karena sudah memiliki skala 110 untuk tinggi gambar dan 170 untuk lebar gambar
  • height="110" : Ukuran tinggi gambar
  • width="170" : Ukuran lebar gambar
Oke sob sekian dulu artikel dari say tentang Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog
semoga bermamfaat.. nah seperti tdi saya bilang sya akan kasi link web tempat saya mendapatkan trik
Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog 


ini sumbernya http://panduantemplateblog.blogspot.com/2013/02/cara-memberikan-efek-memperbesar-zoom.html

Oke soeb jngan lupa like dan kasi coment dibawah
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