Cara Buat Zoom Gambar Di Blog

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>

.post img{
-webkit-transform:scale(1);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.5;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.5);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

Keterangan :
.post img{ << Sebelum
-webkit-transform:scale(1); << Besar Awalan
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.5;
margin: 0 2px 2px 0;
}
.post img:hover{ << Sesudah
-webkit-transform:scale(1.5); << Besar Sesudah
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

yang lainnya di coba sendiri ya sobat..
biar lebih paham... sambil belajar... hehehe

Hasilnya bisa dilhat di blog ini Sobat..

Selamat Mencoba

Kami Jual DVD Game dan Film
Sedia Macam2
- Game PC/ PS2/ Ps3/ PSP/ Android Mini/HD
- Film Movie/ Bollywood/ Anime/ Serial.
- WWe Smackdown
Daftar Listnya Silahkan Lihat Di Atas Sebelah Tutotrial

Tags: Cara Buat Zoom Gambar Di Blog