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.
.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}}
- 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.
makasih informasinya...
ReplyDeleteiya sama-sama
Deletejangan lupa liat yang lain juga ya kaka
hehe