Kamis, 09 Februari 2012

Cara Mudah Buat Efek Zoom di Blog

 

Cara Mudah Buat Efek Zoom di Blog -  Ketika anda mengarahkan kursor ke salah satu gambar yang ada, gambar tersebut akan membesar dari ukuran semula. Itulah namanya efek zoom. Akan kelihatan menarik jika anda mencobanya.

1. Login ke Blogger

2. Lalu klik Rancangan/Design

3. Klik Edit HTML, jangan lupa centang pada bagian Expand Template Widget

4. Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.

5. Jika anda sudah menemukannya, masukkan kode CSS berikut ini tepat di atas kode tadi
 .post img:hover{-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transform:scale(1.3)}


6. Simpan Template anda. Sekarang coba lihat perubahannya.

0 comments:

Posting Komentar