kode photo rotasi

posting kali ini cara membuat photo berputar.. jika kursor mouse kita didekati photo,maka photo tersebut akan berputar..sepertinya contoh photo dibawah ini

ini contoh



langkah-langkah membuatnya
login blog anda,kemudian pilih dasboard,lanjut pilih rangcangan klik edit HTML...
lalu cari kode ]]></b:skin> jika dah ketemu

copi-paste kode dibawah ini taruh di atas kode ]]></b:skin>

.simplerotate{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

.simplerotate:hover{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

lalu ssave
kemudian ke rangcangan-elemen laman-klik add elemen laman -pilih HTML/javascript

copi kode dibawah ini, kemudian paste di gadget hatml/Javascript


<img border="0" class="simplerotate" original="URL PHOTO ANDA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNfg_L3FeKHlkNWAC_4M0g5mMa2ae_q_cHzsQqUkaUSDJKH3bC2Y5wSwyr-o6VnLsPh3SY-AwDTRxc3dH75NgPSDwGZGaHtaf6-dAARmD8L3QZhS3g6mJI935hJ9xpEBe5P2wosPNbVbk/s128/barcelona-fc.jpg" style="display: inline;" />

lalu save ,,refres blog lihat hasilnya