Cara membuat gambar berputar ketika disentuh cursor pada postingan

Cara membuat gambar berputar ketika disentuh cursor  pada postingan

Beriku Langkah - Langkah membuatnya :

1. Login ke akun blogger anda

2. Klik Rancangan, kemudian pilih Edit HTML

3. Cari kode ]]></b:skin>

4. Copy kode dibawah ini, kemudian pastekan  kode berikut diatas kode tadi

     #alkazimgrotate:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}#alkazimgrotate{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

5. Klik Save Template
6. Untuk pelengkap kesuksesan trik ini, Tambahkan kode berikut pada gambar yang ingin anda beri trik ini

  <div id='alkazimgrotate'><center><img src="Url Gambar Anda" /></center></div>

 

Tambahan :
untuk kata" yang berwarna merah, Ganti dengan URL Gambar Anda
Sekian dulu, Salam Blogger..!

Related Posts by Categories

Posted in: TRIK MEMPERCANTIK BLOG