Rendy Note

Assalammu'alaikaum wr.wb
Hay Sahabat Blogger :)
ada yg mau tau cara buat gambar di posting berputar+zoom ? kyk admin ini :v

hahha oke ini langkah² nya :)


1. Masuk akun blog sobat.
2. Pilih Rancangan, pilih Edit HTML
3. Cari kode seperti ini "  ]]></b:skin> "
4. Untuk mempercepat pencarian gunakan CTRL + F
5. kalau sudah ketemu, kemudian Paste-kan script berikut, tepat di atas kode yang di atas.

<!-- efek gambar berputar -->
.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}}
<!--sampai disini-->

6. Kemudian Simpan / Save. maka otomatis gambar pada blog anda akan berputar.
7. Jika anda menggunakan cara yang pertama ini, walapun kita menggunakan read more, pada halaman depan blog gambar akan tetap berputar.

Oke sekian Tuturial Cara buat Gambar Posting di blog Berputar+zoom

Credit :
X-T