Membuat Gambar Postingan Berputar dan Zoom di blog

       Sebelumnya aku share cara membuat gambar di postingan berputar 360 derajat, dan untuk kali ini aku share membuat gambar dipostingan blog berputar dan membesar ketika kursor diarahkan, keren kan ? penasarankan bagaimana caranya ? silahkan ikuti caranya dibawah ini.

•     Login dulu ke akun blogger anda.
•     Kemudian dari Dasbor, cari Template --> Edit HTML.
•     Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.
•     Kemudian copas kode di bawah tepat di ATAS Code ]]></b:skin>.

.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}

•      Terakhir tinggal di save dan lihat hasilnya.

Gimana hasilnya? Kerenkan? semoga sukses......

Posted in: Blogging, Tutorial