membuat zoom gambar otomatis

membuat zoom gambar secara otomatis, gambar akan membesar secara otomatis jika mouse di letakan di atas gambar tersebut, dengan begitu maka gambar yang kecil-kecil maka akan lebih jelas di lihat oleh pengguna lain , dan hal ini menurut saya akan lebih hemat dalam pemakain ruang karena tidak harus memasang gambar yang besar-besar
memasang gambar yang besar-besar dalam postingan akan mempengaruhi kecepatan loading blog dan hal ini akan menurunkan tingkat SEO nya

cara membuat zoom gambar otomatis

1.buka blog anda lalu login
2.klik desain pada dashboard blog pilih template
3.lalu klik edit Html
4.kopi kode di bawah ini dan pastekan di atas 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); }

5.simpan template nya
6.selesai

panduan blogger dengan kita bisa mengoptimalkan ruang laman maka akan lebih hemat dalam pemakaian ruang