Skip to content Skip to sidebar Skip to footer

Cara Membuat Efek Foto Membesar Di Postingan Blog



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.
1. Login ke akun blogger.com
2.  Lalu Klik Template, setelah laman terbuka, kik Edit Html
3. Lalu cari kode ini ]]><b:skin> , agar pencarian lebih mudah gunakan ctrl+F
4. Setelah  ketemu, salin kode script di bawah ini, lalu pastekan tepat di atas kode hasil pencarian tadi. (kode nomor 3)

.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. Setelah selsai cobalah pratinjau lebih dahulu..
Bila berhasil baru anda boleh Klik "Simpan Template".

Begitulah cara sederhana dari saya untuk menampilkan gambar posting membesar apabila tersentuh mouse di blog.

SEMOGA BERHASIL 

Post a Comment for "Cara Membuat Efek Foto Membesar Di Postingan Blog"