Membuat Gambar Berputar di Blog

Langsung saja nih gan:

  Masuk ke akun blog kamu,Pilih tata letak dan klik tambah gadget lalu pilih Html/Javascript dan yang terakhir kamu pastekan kode yang di bawah ini lalu klik simpan.

<style>#sundaboy img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #sundaboy img:hover{ -o-transform: scale(3.5) rotate(360deg); -moz-transform: scale(3.5) rotate(360deg); -webkit-transform: scale(3.5) rotate(360deg);}</style>

<div id="sundaboy">
<a href=http://www.google.com
> <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSeMPwUbfDL0K4LJg9gHKsutVCuXI5lhwG4y_9HhqEaWN_DdWI-fQ"border="6" width="150" height="150" /></a></div>

Untuk alamat link www.google.com bisa kamu ganti dan untuk link gambar"https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSeMPwUbfDL0K4LJg9gHKsutVCuXI5lhwG4y_9HhqEaWN_DdWI-fQ" juga bisa kamu ganti dan untuk ukuran kamu ganti width="terserah mau berapa" height="terserah mau berapa"dan untuk scale (terserah kamu) ".

Coba kamu arah kan kursor mouse di logo google dibawah ini apa yang akan terjadi?