Kamis, 25 Juli 2013

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.

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 potingan anda (YTML) atau letakkan di gadget hatml/Javascript


<img border="0" class="simplerotate" src="URL PHOTO ANDA" style="display: inline;" />

Tidak ada komentar:

Posting Komentar