Efek Gambar Berputar Dan Zoom Otomatis Pada Posting Blog

Advertisemen


Apakah kalian pernah menemukan ketika mengunjungi blog, kemudian saat kursor diarahkan pada gambar disebuah artikel/postingan, gambar tersebut berputar dan membesar/zoom secara otomatis..??
Pasti kalian pernah menemukannya, iya ga..??

Ingin coba mempraktekannya pada blog kalian..??

Jika mau nih saya kasih caranya dibawah ini:

  1. Masuk ke Blogger
  2. Pilih Template > Edit HTML
  3. Cari kode ]]></b:skin> (tekan "Ctrl+F" untuk mempermudah menemukan kode)
  4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>
  5. .post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}
  6. Simpan Template

PERHATIAN:
Back Up terlebih dahulu HTML asli, untuk menghindari jika proses gagal.



Baca juga Efek Zoom/ Memperbesar Gambar Pada Posting Blog



Semoga Bermanfa'at
Advertisemen