Cara Memperbesar Gambar Otomatis Saat Kursor Diarahkan di Postingan Blog

Selamat Datang di www.bombuster.blogspot.com, ketemu lagi nih dengan kita.. kali ini kita akan bahas tentang  Cara Memperbesar Gambar Otomatis Saat Kursor Diarahkan di Postingan Blog

Berikut adalah tutorial supaya gambar di blog membesar/zooming secara otomatis saat kursor diarahkan.

- Masuk ke dashboard blogger atau akun anda lalu pilih template

- Pilih Edit HTML

- Cari kode ]]><+/b:skin> dengan menggunakan CTRL+F (hapus tanda "+")

- Copy dan Paste kode dibawah ini tepat diatas kode ]]><+/b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; 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: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

- Simpan perubahan

- Selesai

Semoga Berhasil

Naah, buat yang udah penasaran, tunggu apalagi gan? Silahkan langsung dicoba dehh, Selamat Mencoba!!!

Source