Cara Autozoom picture pada blog bila disentuh

Kali ini kita akan membahas tentang Tutorial Autozom automatic. Mungkin sudah banyak blog yang memposting efek ini.. Tapi disini saya akan menjelaskan secara lebih rinci bagai mana cara kerja program tersebut bekerja.. Berikut panduannya :

1.       Login terlebih dahulu ke blog anda.
2.       Masuk ke Rencangan Edit HTML. (Lihat gambar 1.1)
3.       Copy paste program dibawah di atas code “]]></b:skin>”
4.       Lalu klik Simpan Template

    .post img, table.tr-caption-container {
    border:none;
    max-width:560px;
    height:auto;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    }
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-border-radius: 36px 12px;
    -moz-border-radius: 36px / 12px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    }
 

ATAU

.dvp img{

-webkit-transform:scale(1);

-moz-transform:scale(0.3);

-o-transform:scale(0.3);

-webkit-transition-duration: 9.9s;

-moz-transition-duration: 0.5s;

-o-transition-duration: 0.5s;

opacity: 0.7;

margin: 0 10px 5px 0;

}

.dvp img:hover{

-webkit-transform:scale(1.5);

-moz-transform:scale(1.4);

-o-transform:scale(1.1);

box-shadow:0px 0px 30px blue;

-webkit-box-shadow:0px 0px 30px blue;

-moz-box-shadow:0px 0px 30px blue;

opacity: 1;

}

Silahkan pilih salah satu ari script di atas, dan kerjakan sesuai intruksi, maka dengan mudah pasti berhasil . .selamat mencoba :)