Membuat Gambar Berputar Pada Postingan

Hai sobat, jumpa lagi dengan saya,….mungkin artikel sudah yang nomor sekian buat saya bagikan kepada sobat semua….pada kesempatan ini saya akan membahas tentang membuat gambar  berputar ketika di sentuh mouse.

Mungkin kalian semua pernah melihat pesawat berputar diudara,,,,,hari gini Cuma pesawat yang bisa berputatttt, hehehhee

Siapa bilang Gambar dalam postingan blog gak bisa diberi efek,,oke sekarang akan kita buktikan bahwa sebuah gambar juga bisa berputar seperti pesawat hehehehhehe

Langkah-langkahnya seperti ini:

• Login ke Blog Kalian
• Pilih menu Template > Edit HTML
• Cari kode ]]></b:skin>
• Untuk memudahkan pencarian tekan Ctrl+F di keyboard kalian.
• Jika sudah menemukan kode tersebut, maka letakan script dibawah ini tepat diatas nya…

a img, img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover, img:hover{border:2px solid; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;-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}

• Jika sudah melakukan peletakan kode, maka jangan lupa untuk menyimpan template
• Jika langkah2 diatas dilakukan dengan benar, maka hasilnya akan bisa dilihat.

Sekian tutorial yang bisa saya sampaikan,,,,semoga bisa membantu menjawab pertanyaan sobat semua….

salam blogger..