Cara Membuat Gambar Berputar Bila Di Sentuh Cursor

Membuat blog semenarik mungkin dan pengunjung banyak,itulah harapan sebagian bagi para blogger,tidak di pungkiri kita juga begitu,jadi gini ngapain blog kita optimasi mau offpage ataupun onpage bila ternyata blog kita ngumpet,dari search engine si bah google.

Cara Membuat Gambar Berputar Bila Di Sentuh CursorMaka dari itu kita di sini mau berbagi bagaimana Cara Membuat Gambar Berputar Bila Di Sentuh Cursor,mungkin ini adalah suatu cara agar blog kita kelihatan antik atau unik,atau apa sajalah yang penting tidak ngumpet atau bersembunyi,hehehehe

Mari kita simak contohnya tips agar gambar yang di sentuh cursor berputar ini dia scriptnya,

Pertama

biasa anda log in dulu ke blogger dengan akun gmail anda,selanjutnya

Klik Template

Edit HTML

(ingat agar mnghindari yang tidak di inginkan sebaiknya klik cadangkan/pulihkan di pojok kanan anda)

Terus control F Cari kode ini  ]]></b:skin>

Selanjutnya copy kode di bawah ini :

.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.post img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

Lalu simpan tepat di atas kode ini ]]></b:skin>  Kemudian SAVE dan lihat hasilnya,semoga berhasil.

catatan :misalnya anda ingin gambar yang berputar hanya gambar di header saja misalnya,anda hanya perlu mengganti kata POST yang miring diatas,HEADER,atau mau gambar di komentar saja tinggal ganti dengan COMENT.begitulah kira-kira.

Iklan

Komentari

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s