Generations Of Indonesia akan berbagi tips menarik, yaitu Membuat Efek Zoom Gambar di Blogger, misalnya cursor menyorot gambar akan membesar,
nah semua gambar di blog anda akan ber'efek zoomer ini, akan sangat
menarik bukan? hal ini penting untuk membuat suatu postingan menjadi
lebih menarik. Berikut ini Saya ingin memberikan sedikit trik untuk
membuat gambar / image pada blog Anda menjadi lebih menarik dengan
menambahkan efek zoom in dan zoom out menggunakan kode CSS, berikut langkah-langkah nya.
- Silahkan Anda login ke blogger Anda masing-masing
- Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian
- Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
- Setelah ketemu copy paste kode CSS berikut tepat diatas 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); }
5. Terakhir, simpan Template anda. dan lihat Hasilnya! ^_^
ConversionConversion EmoticonEmoticon