Saturday 15 December 2012

Cara Membuat Efek Gambar Berputar dan Zoom pada blog

Gambar 1

Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan sorot kursor Kalian ke arah gambar.Siip kan ???

Step Pemasangan nya :
  • Pertama, pastinya Login dulu ke BLOG Kalian.
  • Kemudian dari Dasbor, cari Template --> Edit HTML.
  • Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.
  • Kemudian Copy Code di bawah tepat di ATAS Code ]]></b:skin>.

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



  • Terakhir tinggal di SIMPAN dan lihat hasilnya.


OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya.

No comments:

Post a Comment