Cara membuat efek zoom pada gambar
Assalamuallaikum...Kali ini saya akan memposting cara membuat efek zoom pada gambar di blogger, efek zoom ini cara kerjanya yaitu bila sobat mengarahkan kursor ke gambar postingan yang ada di blog saya ini maka secara otomatis gambar tersebut akan membesar dari ukuran semula, nah...itulah yang disebut efek zoom pada gambar..
Bila kalian berminat untuk membuatnya ikuti langkah-langkahnya...
1. Kalian masuk ke akun blogger kalian.
2. Pilih Rancangan/Tata letak => edit HTML
:Sebelum kalian memulai membuat/memasang tips membuat efek zoom pada gambar ini saya sarankan sobat untuk mem-backup template blog sobat, karena bilamana terjadi kesalahan sobat bisa memasang template sobat lagi yang sebelumnya sudah sobat backup terlebih dahulu.
3. Selanjutnya sobat centang kotak kecil ( expand widget Template )
4. Terus sobat cari kode ]]></b:skin> Untuk mempermudah pencarian gunakan tombol CTRL + F
5. Bila sobat sudah menemukannya simpan kode dibawah ini tepat dibawah kode ]]></b:skin>
Selamat mencoba...!!!
Bila kalian berminat untuk membuatnya ikuti langkah-langkahnya...
1. Kalian masuk ke akun blogger kalian.
2. Pilih Rancangan/Tata letak => edit HTML
:Sebelum kalian memulai membuat/memasang tips membuat efek zoom pada gambar ini saya sarankan sobat untuk mem-backup template blog sobat, karena bilamana terjadi kesalahan sobat bisa memasang template sobat lagi yang sebelumnya sudah sobat backup terlebih dahulu.
3. Selanjutnya sobat centang kotak kecil ( expand widget Template )
4. Terus sobat cari kode ]]></b:skin> Untuk mempermudah pencarian gunakan tombol CTRL + F
5. Bila sobat sudah menemukannya simpan kode dibawah ini tepat dibawah 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); }
6. Terakhir simpan dan lihat hasilnya.-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); }
Selamat mencoba...!!!
Komentar ini telah dihapus oleh pengarang.
BalasHapus