Monday, April 15, 2013

Membuat Efek Zoom Gambar Pada Blog

Membuat Efek Zoom Gambar Pada Blog

Photoshop adalah sebuah software yang digunakan mengolah, mengedit, dan mendesain gambar. Berbagai macam efek seperti Clone Stamp, Brush, Magic Blur, dan sebagainya, tetapi tidak dengan efek zoom diblog. Ini dikarenakan efek zoom lebih untuk gambar yang ditampilkan kemudian apabila dilihat dan disentuh akan membesar secara otomatis pada halaman artikel. Dengan memberi efek zoom pada gambar artikel, maka akan membuat blog lebih terlihat menarik dan juga mengurangi berat loading blog dibandingkan menggunakan file gambar yang berukuran besar.

Cara Membuat Efek Zoom pada Gambar :

1. Masuk ke akun blogger,

2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget",

3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> 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); }