Cara Membuat Efek Zoom Gambar di Blogspot

Cara membuat Efek Zoom gambar pada Blogspot

Caranya adalah dengan memasukkan kode script di Template blog (Edit HTML). Jika anda mengarahkan pointer mouse ke gambar, maka akan membuat efek Zoom pada gambar di Blog anda. Untuk mempraktekkan trik ini silakan anda simak dan coba tips berikut ini, cara membuat efek Zoom gambar pada Blogspot. Anda tinggal masuk (membuka) Template lalu edit HTML dan memasukkan kode berikut ini, mudah sekali untuk membuat Efek Zoom gambar, silakan dicoba.


Cara membuat efek Zoom gambar di Blogspot:

~ Buka dasboard Blog Anda

~ Pilih menu Template >  Edit HTML > Lanjutkan

~ Beri centang pada kotak '' Expand Template...''

~ Cari kode   ]]></b:skin>  (caranya tekan tombol Ctrl + F, lalu masukkan kode ]]></b:skin> di kotak Find yang ada di kiri bawah layar)

~ Masukkan kode berikut ini diatas (sebelum) kode   ]]></b:skin>


.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); }


~ Klik Pratinjau untuk mengecek.

~ Klik Simpan Template.

Jika salah atau tidak bisa disimpan, maka tinggal pilih '' kosongkan hasil edit...'' Dengan demikian anda sudah berhasil membuat efek Zoom gambar di Blogspot. Selamat mencoba, semoga berhasil.