Friday, October 5, 2012

Cara Membuat Efek Zoom Pada Gambar di Blog [Tips Blogger]

Cara Membuat Efek Zoom di Blog - Posting kali ini saya akan membagi kepada anda Cara Buat Efek Zoom Pada Gambar Di blog. Efek Zoom adalah Ketika anda mengarahkan kursor mouse ke gambar maka, gambar tersebut akan membesar dari ukuran yang semula. Itulah namanya efek zoom. jika anda mencobanya silahkan ikuti cara di bawah ini :

1. Login ke Blogger anda

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 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. dan lihat perubahannya di blog anda.

Itulah Cara Membuat Efek Zoom di blog semoga bisa bermanfaat buat anda

Unknown