Cara membuat Photo Berputar di Blog

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.Lihat 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/AVvXsEiHLti93Ne5es9KvX1naYZxkEyvmDGbIp9orEIHHMuG8Nlzm3FSacAnDnRLvGOlT3gkWJezevqydKT_94uI1oGXmBNz70UIBGeCP6B0ypbLoABA-9CfPkJBdXab5up3D9yIApOy3hiPfA/s128/barcelona-fc.jpg" style="display: inline;" />

lihat hasilnya

Read more: Cara Membuat Fhoto Berputar