Pages

Senin, 01 April 2013

Script Cara Membuat Gambar Posting Blog Berputar Saat Disentuh Mouse

Hai Selamat malam ...
Sebagian blogger pasti ada yang mengutamakan face atau design blognya yang unik dan keren seperti kali ini saya mau share Script Cara membuat Gambar Berputar Atau Bergeser Saat Di Sentuh Mouse.

Langsung Tekape aja gan.
  1. Masuk akun blog sobat.
  2. Pilih Rancangan, pilih Edit HTML
  3. Cari kode seperti ini "  ]]></b:skin> " Biar cepat tekan CTRL + F atau F3. kalau sudah ketemu, kemudian Paste-kan scriptdibawah ini, tepat di atas kode "  ]]></b:skin> "

<!-- Efek gambar berputar www.erdie-blog.blogspot.com -->.post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9) rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}}<!--Efek gambar berputar www.erdie-blog.blogspot.com--> 

Catatan :



  1. 1.9 = adalah skala ukuran gambar saat di sentuh cursor mouse mouse, semakin besar angka semakin besar zoom gambarnya. size default 1.0
  2. 360 = adalah putaran gambar saat di sentuk cursor mouse, 360 berarti 360 derajat.

Mudah kan???
Selamat mencoba


Terimakasih telah membaca Artikel Script Cara Membuat Gambar Posting Blog Berputar Saat Disentuh Mouse dan terimakasih telah berkunjung.

Tidak ada komentar:

Posting Komentar