☰
Home About Blogger Efek Gambar Berputar Dan Zoom Otomatis Pada Posting Blog

Efek Gambar Berputar Dan Zoom Otomatis Pada Posting Blog




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}}
  5. 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

Related Post