membuat gambar membesar | Info IT

Senin, 13 Agustus 2012

membuat gambar membesar


Cara membuatnya seperti ini :
  1. Untuk membuat efek gambar membesar ketika disorot mouse, pertama login dulu ke akun blogger milik sobat.
  2. Terus klik menu Rancangan » Edit HTML.
  3. Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
  4. Kemudian cari kode berikut ]]></b:skin>
  5. Kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
    .post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
    .post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
  6. Simpan template. Lihat perubahannya apakah sudah berubah atau belum.
Sampai di sini cara membuat efek gambar membesar ketika disorot mouse sudah selesai, jika kurang jelas atau ada kesalahan, hubungi saya. Sekian semoga bermanfaat.

0 komentar:

Posting Komentar