Imej Gambar Berpusing
LIHAT DEMO(Gerakkan mouse kat gambar ni pada blog tersebut)
1. Log in ke dashboard--> layout- -> Edit HTML
2. Tekan "Ctrl+F" dan cari kod ]]> </ b: skin>
3. Sebelum ]]> </ b: skin> paste kod ni:
.unlimitedinformation4u 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}
.unlimitedinformation4u img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.unlimitedinformation4u img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
6.Sekarang pergi ke Layout-->Page Element dan klik pada "Add a gadget". Pilih "html/java script"dan letak kod dibawah
<div class="unlimitedinformation4u"><img src="http://link-gambar-anda.jpg" /></div>
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.