0 Cara Membuat Efek Zoom Gambar Saat Disorot Mouse Pada Blog

Selamat datang kembali di Blogger saya yang sangat sederhana ini. Masih dalam suasana Natal maka kali ini saya berikan sedikit tutorial bagi anda yang punya Blogger , jika ingin tampilan Bloggernya lebih menarik coba ikuti tutorial yang saya berikan kali ini 

Sebagai Contoh Coba anda Alihkan Mouse anda ke Foto INDONESIA CYBER TEAM
maka foto itu akan berubah dengan berputar sendiri atau otomatis ada Effek Zoomnya

1. Login Ke akun blogger sobat
2. Masuk Ke Template lalu klik Edit HTML
3. Centang "Expand Template Widget" (tanpa tanda kutip) atau bisa tekan F3 agar lebih cepat
4. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk cara cepat)

lalu copy dan pastekan kode di bawah ini tepat di atas kode tadi.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-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}

Sekian Dulu Tutorial Blogger yang saya berikan :
 

 

Komentar →