Seperti yang kita ketahui, Photoshop adalah software untuk mengolah,
mengedit, dan desain
gambar. Berbagai macam efek seperti
Brush,
Clone Stamp, Magic Blur, Krop, dan sebagainya, tetapi tidak dengan
efek
zoom di Blogger. Karena efek zoom lebih kepada gambar yang
ditampilkan lalu apabila dilihat akan membesar secara otomatis pada
blog.
Zoom berfungsi untuk memperbesar atau memperkecil penglihatan
sebuah gambar. Dengan memberi
efek
zoom di gambar artikel kita, maka akan membuat blog kita lebih
terlihat menarik dan juga mengurangi berat loading blog apabila
menggunakan gambar yang besar.
Cara pembuatannya cukup mudah dan simple, langsung ke tips cara
membuatnya. Artikel
Cara
Merubah Background Blog dengan Gambar dapat anda baca
juga.
Cara Membuat Efek Zoom pada Gambar :
1. Login ke akun blogger.com
2. Template >> Edit Html >> Lanjutkan >> Beri centang
"Expand Template Widget".
3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin>
untuk caranya dengan menekan ctrl+F
.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); }
4. Klik "Simpan Template" dan lihat salah satu postingan blog anda.
Begitulah cara sederhana untuk menampilkan gambar posting membesar
apabila tersentuh mouse di blog. Semoga panduan dan
tutorial
cara membuat efek zoom pada gambar tersebut dapat
bermanfaat.
Tidak ada komentar :
Posting Komentar