Rabu, 06 Juni 2012

Membuat efek zoom pada photo


Membuat Efek Zoom Pada Foto di Blog. Cobtohnya bisa sahabat lihat di blog saya ini, Arahkan Pointer mouse ke salah satu photo di blog ini, maka akan otomatis ter-zoom.



Berikut adalah cara untuk Membuat Efek Zoom Pada Foto di Blog :

1. Log in dulu ke www.blogger.com
2. Masuk ke Tancangan -> Template -> Edit HTML
3. Beri tanda centang pada Expand Temlate Widwet
4. Cari kode ]]></b:skin> ( Untuk memudahkan Pencarian Bisa menggunakan Ctrl + F )
5. Copy Code Berikut, kemudian letakkan tepat di atas Kode ]]></b:skin>

.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); }

6. Setelah selesai meletakkannya diatas kode tadi, Selanjutnya simpan template.

Share: