Friday, October 26, 2012

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.

3 comments:

  1. Ahaa, its good conversation on the topic of this piece of writing here
    at this weblog, I have read all that, so now me also commenting
    here.

    Feel free to surf to my blog ... vampire hunting games

    ReplyDelete
  2. Good post. I learn something totally new and challenging on websites I stumbleupon on a daily basis.
    It will always be useful to read content frkm other authors and practice a little something
    from other sites.

    Also visit my webpage: hair products by Loreal

    ReplyDelete
  3. Sangat amat bermanfaat sekali artikelnya gan... Keren banget gambarnya jadi bisa muter-muter gitu... Mantap!

    ReplyDelete