Cara Membuat Image Berputar saat di sentuh Mouse

Saeful Nax Thermayoe -  Selamat Pagi sahabat blogger, Posting pagi ini cara membuat Image Berputar saat di sentuh Mouse !

Untuk contohnya arahkan kursor mouse ke gambar di bawah ini :






Adapun langkh-langkahnya sebagai berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>


<style>#dabloeng img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#dabloeng img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>



6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="dabloeng"> sebelum URL gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="dabloeng">
<a href="http://amminessalafy.blogspot.com/"><img src="http://4.bp.blogspot.com/-CwEirHz3j3g/T3-qdL1Q4pI/AAAAAAAAAu0/yoWox29izCE/s200/naruto+dont+copy.png" /></a></div>
Keterangan :


  • Kode berwarna merah adala kode pembuka dan penutup
  • Kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
  • Setelah semuanya selesai klik Publikasikan dan lihat hasilnya. 


Sekian dan semoga bermanfaat!
Sumber: Cah Dabloeng

1 Response to "Cara Membuat Image Berputar saat di sentuh Mouse"

- Jika Berkomentar , Berkomentarlah Dengan Sopan Dan Baik
- Pakai Pilihan Anonymous jika Anda Tidak Mempunyai Blog.

- Di Larang Menautkan Link Secara Langsung
- Di Larang Politics Dalam Bentuk Apapun
- Di Larang Spam

MOHON MAAF JIKA COMENT ANDA TIDAK SAYA JAWAB KARENA SAYA TIDAK ONLINE 24 JAM DIKARENAKAN BANYAK URUSAN DI DUNIA NYATA.