Cara membuat gambar membesar jika disorot mouse

Oh ya...Gan,kali ini saya akan membuat bagaimana caranya supaya gambar jadi besar jika disorot mouse
ada 2 cara yang sangat mudah sekali Anda tinggal mengikuti petunjuk dibawah ini:

Cara yang pertama

Untuk membuat efek gambar membesar ketika disorot mouse,
pertama login dulu ke akun blogger milik sobat.
Terus klik menu Rancangan » Edit HTML.
Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
Kemudian cari kode berikut ]]></b:skin>
Kalau sudah ketemu, letakkan kode berikut tepat di atasnya.



.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}



Simpan template. Lihat perubahannya apakah sudah berubah atau belum.

Cara yang kedua
1. Login ke blogger, -> Rancangan ->Edit HTML
2. Cari code </head>. Lalu letakkan kode di bawah ini tepat di atas kode </head>


<script src="http://buternaker.googlecode.com/files/zoomimage.js" type="text/javascript"></script>



3. Klik simpan,

Untuk mengkaktifkan gambar anda bisa di sorot membesar anda harus selalu edit gambar anda, karena harus di tambahkab script untuk mengaktifkan code di atas tadi.

Saat akan posting gambar atau image anda tinggal menambahkan sedikit kode pada almaat gambar seperti contoh di bawah ini.:



<img border="0" class="expando" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNws27QO6PWKy3DbzMjNYh-CPPYzKe-xr47_S5wT3vrkx6qWNVpAfvDxgPG3jgk2CGyncFsjWhMZihz1-1_z7iec0NgS5aOYWMKpZwsh8UWwS2Oknb7HS2JycZl-nTMgs8QnNNqYscg/s1600/lambang+negara+Indonesia+garuda+pancasila.png" width="75" />


selamat Mencoba sobat

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Christian angkouw Sobat sedang membaca artikel tentang Cara membuat gambar membesar jika disorot mouse. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

6 comments:

  1. salam kenal kembali, oh ya sy baru di blog msh belajar sih. tlng infonya dong

    ReplyDelete
  2. Blog kamu itu bagus isinya tapi kebanyakan efek , mengganggu pembaca kalo mauu baca. susah nih aq jadinya mo baca

    misalnya tulisan yg ngikuti ini pointer, :(
    trus tulisan yg muncul setiap klik kanan,

    ReplyDelete
  3. bleh nikh ane praktekkn lgsg ke fashion ane:http://tarabutikq.blogspot.com/

    ReplyDelete
  4. berhasil gan, terima kasih untuk sharingnya..
    sangat bermanfaat untuk website saya

    ReplyDelete