Gambar Di Postingan Blog Berputar Dikala Disentuh Mouse
Wednesday, January 29, 2014
Add Comment
Cara Membuat Gambar Berputar Otomatis Saat Disentuh Mouse - bagi anda yang kebetulan melihat blog lain ada gambar berputar ketika mouse diarahkan pada gambar tersebut dan anda ingin memasang gambar berputar di blog anda, caranya sangat mudah. Tampilan blog yang menarik akan menciptakan pembaca blog merasa bahagia begitu juga anda niscaya bahagia dengan mempercantik blog biar terlihat keren. akan bagikan arahan script gambar berputar ketika disentuh mouse, simak cara memasang script gambar berputar dikala mouse didekatkan pada gambar dibawah ini.
Cara Membuat Gambar Berputar di Post Blog Ketika Mouse Diarahkan :
1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F dan cari arahan ]]></b:skin> kemudian letakkan arahan berikut diatasnya
.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.5) rotate(360deg) translate(0px);-moz-transform:scale(1.5) rotate(360deg) translate(0px);-webkit-transform:scale(1.5) rotate(360deg) translate(0px);-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}}
Keterangan :
- Angka 1.5 merupakan ukuran gambar ketika mouse diarahkan, silahkan diubah
- Angka 360 merupakan putaran gambar
Demikianlah tutorial blog mengenai cara menciptakan gambar berputar dikala mouse didekatkan. Silahkan baca juga cara menciptakan link terbuka otomatis dikala disentuh mouse, semoga bermanfaat.
0 Response to "Gambar Di Postingan Blog Berputar Dikala Disentuh Mouse"
Post a Comment