Membuat Gambar Efek Zooming

Diposting oleh Arndi 24 April 2011

Selamat Pagi sahabat ( "Tanda - Tanya" ) Bagaimana kabar hari ini ?
pastinya baik bukan ? kali ini Arndy akan sharing tentang Bagai mana membuat Gambar Efek Zooming 
ada yang pernah lihat contoh dari efek Zooming ini ?


kalau belum silahkan lihat di demo berikut

Klik
 

Jika sudah melihat demonya mari kita menuju cara pembuatannya . ikuti baik-baik ya :
  • Masuk ke blogger.com >> Pilih Rancangan >>Edit Html >> centang " Expand Widget Template"
  • Kemudian Cari Kode </head>, utuk mempermudah pencarian silahkan tekan F3 atau CTRL + f .
  • Jika sudah ketemu letakkan Kode berikut tepat diatas kode <./head> :


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://z33s.googlecode.com/files/BesaR.txt.js">
</script>
note : jika kode yang berwarna merah sudah ada pada template anda , maka cukup copy pastekan kode yang dibwahnya saja.

  • Terus Simpan Template.
langkah selanjutnya yaitu memasukkan Efek Zooming Pada Gambar . coba lihat baik-baik kode berikut :

<img class="magnify"magnifyby="3" style="width: 200px; height: 250px;" src="Url gambar sobat" alt="" id="BLOGGER_PHOTO_ID_6060538624190533589" border="0" />

  • Ganti Tulisan yang berwarna merah dengan Url gambar anda. anda bisa upload di Photobucket
  • untuk mengatur tinggi dan lebar gambar silahkan rubah angka pada tulisan yang berwarna Hijau.
  • Untuk penempatannya sobat bisa letakkan dipostingan atau di sidebar dan ditempat yang anda suka.

Selamat mencoba. terimakasih sudah berkunjung....

Sumber




Baca Juga

  1. Cara Membuat Blog Menjadi DoFollow
  2. Trik Download Super Cepat !!!
  3. Cara Membuat Atau Menambah Laman Baru Blog
  4. Membuat PicBadges ( Keren Untuk Photo FB )
  5. Tips Membuat Password yang Baik
  6. Cara Merubah Tulisan Posting Lama, Beranda, dan Posting Baru dengan Gambar
  7. Cara Membuat Menu Drop Down.

0 komentar

Posting Komentar

Daftar ISi