Cara Membuat Gambar Membesar Saat Kursor Menyentuh

Dalam suatu blog, gambar merupakan hal yang perlu dimaksimalkan. Dengan menggunakan gambar pada setiap artikel akan menambah kesan yang bagus, baik pagi Anda maupun bagi pengunjung blog Anda. Gambar memberikan blog terkesan hidup dan bervariasi, bahkan banyak para pengunjung akan yang senang jika Anda menyisipkan gambar di blog. Ya, saya bisa mengatakan bahwa gambar memberikan hiasan pada blog.

Untuk lebih memperindah gambar di blog Anda, berikut saya sharing tutorial untuk membuat gambar membesar saat kursor menyentuhnya. Ini akan membuat gambar blog Anda lebih memiliki animasi dan terlihat menarik. Anda bisa menyimak beberapa langkah berikut ini :

1.   Masuk ke dalam blog Anda

2.   Masuk ke dalam Dasboard blog Anda

3.   Pilih dan klik – Template – Lalu klik – Edit HTML –

4.   Carilah kode <head> , Anda bisa menekan CTRL dan F untuk memudahkan mencari kode tersebut

5.   Setelah itu copy kode di bawah ini :

     <style>
     .post img:hover { -o-transition: all 0.3s;  -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s; -moz-transform: scale(1.2);
     -o-transform: scale(1.2);  -webkit-transform: scale(1.2); }
     </style>

5.   Paste atau letakkan kode tersebut di bawah kode <head>

Tanggapan :