Gambar Berputar JIka Disentuh Mouse

  Gambar Berputar jika disentuh maouse

 Langsung saja gimana Cara Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse yaitu :

1. Pertama anda harus login dulu di akun blog anda
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Anda cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1.Anda harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="denzuaz">
<a href=" http://www.trikkomputer.com/ "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRAEThcTXDehzgS_wAZ1i0VO_aD3P8a_PCxz8GruWAuVTsLnqdFjeFCwOGoDXSr-N7jgfwiKmAKlz04NusbK7UNx56qQXyUxY4rK8FlWBbmz4q2QUGrB-hBYctLxW7leP7BV-BOqzSxYA/s320/Snapshot_20111213_2.jpg" /></a></div>

keterangan:
kode berwarna merah adala kode pembuka dan penutup
kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
Setelah semuanya selesai klik publikasikan.

www.kebumenmedianet.com