Cara membuat efek zoom pada gambar blog

Posting kali ini Cyber blog akan berbagi ilmu mengenai cara membuat efek zoom pada gambar blog ketika disorot mouse, setelah diamati kebanyakan tutorial memberikan cara yang bisa dibilang cukup rumit dalam membuat efek zoom pada gambar itu, biasanya harus memberi kode tertentu pada gambar yang ingin diberi efek zoom. 

Kali ini Cyber blog akan memberi solusi mudah untuk membuat efek zoom tanpa perlu menambahkan kode tertentu pada saat memposting. 

Untuk melihat contohnya silahkan arahkan mouse ke gambar di bawah ini :

Untuk cara membuatnya :

• Login ke akun blogger anda, kemudian klik template-->klik Edit html
• Cari kode ]]></b:skin>   
• Copy paste kode di bawah ini tepat di atasnya

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.9);
-o-transform: scale(1.9);
-webkit-transform: scale(1.9); }

Kalo bingung lihat contoh penempatannya :

• Terakhir simpan template anda.

Semoga ini dapat bermanfaat, bagi anda semua.