Breaking News
Loading...
Wednesday, February 19, 2014

Cara Membuat Efek Zoom Pada Gambar

8:52 AM
Cara Membuat Efek Zoom Pada Gambar | atau Membuat Efek Zoom Pada Gambar. 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.

Cara Membuat Efek Zoom Pada Gambar


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 Membuat Gambar Blockquote Jadi Keren dapat anda baca juga.

Cara Membuat Efek Zoom pada Gambar:

  • Login ke akun blogger.com
  • Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
  • 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); }

  • 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.

0 comments:

Post a Comment

 
Toggle Footer