Cara Membuat Gambar Membesar Otomatis Ketika Disentuh Mouse

Cara Membuat Gambar Membesar Otomatis Ketika Disentuh MOUSE di Blog:

1. Buka Blogger dan Login.

2. Masuk ke Option Template.

3. Pilih Edit HTML.

4. Tekan Ctrl + f lalu cari kode ]]></b:skin>.

5. Copy paste kode di bawah ini lalu letakkan di atas kode ]]></b:skin>.

.post img, table.tr-caption-container {
border:none;
max-width:auto;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

6. Klik Save dan cek blog Anda.

catatan:
"Angka (1.5) adalah angka pembesaran yang akan terjadi jika gambar di sentuh mouse. Anda bebas mengganti sesuka hati".