6 Langkah Memberi Efek Zoom pada Gambar

Jum'at, 22 Juni 2012. Pas liat blog-ku yang lain jadi inget kalo pengin posting tentang Memberi efek Zoom pada Gambar saat disorot. Nah, kali ini saya ingin berbagi sedikit tipsnya untuk pada agan2 semua dehh.. Supaya efek zoomnya bisa berjalan dengan lancar maka kita perlu sedikit mengutak-atik HTML pada blog-kita.

Hemmm... langsung saja kita simak tutorialnya berikut ini :

0. Ucapkan Basmallah dulu, biar semuanya lancar
1. Login ke blog agan-agan yaa
2. Pilih menu rancangan --> Edit HTML
3. Agan-agan cari kode ]]></b:skin>
4. Lalu letakkan kode berikut tepat diatas ]]></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); }

5. Save
6. Lihat hasilnya dan ucapkan Alhamdulillah

Setelah mengotak-atik HTML tadi sekarang kita bisa posting gambar sesuka hati kita, karena efek zoom tersebut sudah otomatis.

Semoga bermanfaat :D :D