EFEK ZOOM PADA GAMBAR
Hai`sobat blogger sekarang saya akan coba posting cara membuat " EFEK ZOOM PADA GAMBAR " mungkin kalian ada yang udah tau tentang Artikel ini. tapi tak apalah saya buat yang belom tau aja.hehe
Efek zoom adalah salah satu widget untuk memperbesar ukuran gambar dari aslinya, dan akan bereaksi saat kursor mengarah kesalah satu gambar yang ada, widget ini berfungsi hanya untuk pemakai Blogger buat WordPress saya belom tau caranya.hoho
langsung aja lihat langkah-langkah cara pasang Efek Zoom.
1. Login ke blogger kalian
2. Lalu pilih Tata Letak/Rancangan lalu klik Edit HTML
3. Kasih centang ( Expand Template Widget )
4. Cari kode ]]></b:skin> gunakan ( Ctrl + F ) untuk lebih mudah mencarinya.
5. Jika kalian sudah menemukanya simpan code CSS di bawah ini di atas code ]]></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); }
6. Simpan template dan lihat hasinya
Selamat mencoba dan semoga behasil
Maaf saya tidak pasang contoh gambar atau demo nya, karna saya tidak pasang code CSS ini..
tapi buat kalian yang udah pasang pasti udah tau hasilnya.
>