Cara Membuat Efek Zoom Pada Gambar Di Blog

Cara Membuat Efek Zoom Pada Gambar Di Blog - Tadi saya sudah mempost artikel tentang Cara membuat Back to Top dengan Smooth Jquery , pada kesempatan kali ini, saya akan share tutorial tentang bagaimana Cara Membuat Efek Zoom Pada Gambar Di Blog. Efek memperbesar gambar ini akan muncul atau bekerja ketika cursor dari pengunjung melakukan hover terhadap gambar-gambar di blog anda. Dan yang lebih penting lagi anda tidak perlu membuat markup tambahan apapun didalam postingan blog karena Zoom Effect ini akan bekerja secara otomatis terhadap semua gambar dan foto yang ada dipostingan blog hanya saja ketika pengunjung blog melakukan hover pada gambar anda tersebut, efek ini akan mengambil sedikit akselerasi tambahan dari CPU komputer maupun laptop dari pengunjung blog.

1. Login ke akun blogger.com

2. Template -> Edit HTML

3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> untuk caranya dengan menekan CTRL+F

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

4. Klik "Simpan Template" dan lihat salah satu postingan blog anda yang ada gambarnya :)