Cara Membuat Gambar Posting Blog Berputar + Zoom Ketika Disentuh Mouse



Baik teman-teman, kali ini saya akan berbagi tentang Tutor Cara Membuat Gambar Posting Blog Berputar + Zoom    Ketika Disentuh Mouse..

Oke, tanpa panjang lebar mari kita simak sama-sama :




  • Masuk akun blog sobat.
  • Pilih Rancangan, pilih Edit HTML
  • Cari kode seperti ini "  ]]></b:skin> " Biar cepat CTRL + F/F3
  • kalau sudah ketemu, kemudian Paste-kan script berikut, tepat di atas kode yang di atas.


<!-- Efek gambar berputarArdanaKaiser -->.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 berputarArdanaKaiser--> 

  •  Nah, selanjutnya di save/simpan template.
Mudah bukan? saya kira tak ada orang yang tidak bisa, yang ada cuma tidak tahu. Saya rasa bisa dipahami.


2 komentar:

Posting Komentar