Cara Membuat Efek Gambar Berputar dan Membesar Di Blog

Caranya sangat mudah sobat Blogger bisa menggunakan cara yang digunakan pada postingan Memasang Efek Zoom Pada Image atau dapat menggunakan cara yang akan kita jelaskan di bawah ini. Dari pada bingung langsung saja kita bahas resep soal tetang Cara Membuat Efek Gambar Berputar dan Ngezoom Di Blog.

1. Seperti biasa langkah pertama yang harus dilakukan adalah login ke akun blogger Anda.
2. Jika sudah login, Silahkan masuk ke halaman Edit HTML (Baca : Cara Mengakses Halaman Edit HTML Blogspot)
3. Jangan Lupa Untuk Backup Template Lengkap terlebih dahulu untuk mengantisifasi kesalahan saat edit HTML ( Baca : Cara Back-Up dan Upload Template Blogger)
4. Jika sudah berada  pada halaman Edit HTML, Silahkan Temukan Kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
5. Setelah kode Ditemukan Copy kode berikut ini :

 

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;} .post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

6.  Jangan Lupa Untuk Mengklik Save Template atau Simpan Template 
7.  Selesai dan Lihat Hasilnya.