Cara Membuat Photo Berputar

Cara membuat Fhoto berputar, untuk apa, bagaimana....mungkin pertanyaan itu akan timbul di benak saudara namun kalau sudah melihat hasilnya mungkin saudara sahabat blogger ingin juga meletakkanya di blog saudara, sebagai penghias blog.coba lihat gambar di atas dan dekati cursor mouse anda. DEMO

Nah begini caranya :
login ke blogger 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 simpan
kemudian ke rangcangan-elemen laman-klik add elemen laman -pilih HTML/javascript


copy code 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/AVvXsEiMpsB3tIw6-izb5b0vpfk3E2Nlx1k5mo8scKfjM3GFGpEX2FT_3ahSHKOYSUgm70ePbvBoiQhIu2ajWmJ2csb5tYnrcfFY8h2dUcBcAN2ZYWShoD3wK5Xf0aLFan6WbUG6obeolQ-r0KY/s128/barcelona-fc.jpg" style="display: inline;" />

lihat hasilnya 

Posted in: ttg blog