Cara Memberikan Efek Zoom Gambar Otomatis Di Blog

Cara Memberikan Efek Zoom Gambar Otomatis Di Blog

Kali ini saya akan memposting cara untuk memberikan efek zoom pada gambar di blog, Caranya cukup mudah tinggal ikutu langkah - langkahnyaa di bawah ini :

Langkah-langkahnya :

1. Login ke blogger.com
2. Lalu klik Tata Letak/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 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); }

6. Simpan Template anda. Dan Lihat hasilnya.

Selamat Mencoba Sahabat Beloger