Sunday, 3 February 2013

Cara Membuat Efek Berputar dan Zoom di Gambar Postingan


Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan lorot kursor Kalian ke arah gambar. OK, ditak usah berlama-lama, kita langsung ke langkah-langkahnya.
  • 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.

2 comments:

  1. Replies
    1. iya sama-sama
      jangan lupa liat yang lain juga ya kaka
      hehe

      Delete