Efek zooming images pada blog

Berikut adalah sedikit tips mempercantik blog dengan efek zooming pada gambar...
1. login ke akun blogger anda
2. pilih tab design
3. pilih page element
3. klik (pilih) add gadged html/javascript
4. paste code berikut ini

<style type="text/css">
.post img 
{ 
background:#aaa;
border-radius:px;
-moz-border-radius:px;
 -webkit-border-radius:px;
 -o-transition:all 1.2s ease-out;
 -moz-transition:all 1.2s ease-out;
 -webkit-transition:all 1.2s ease-out;
 }  
.post img:hover 
{ 
z-index:99;
background:#993300;
border-color:#FF0000;
-o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px);
-moz-transform:rotate(10deg) scale(1.4) translate(5px,-3px);
-webkit-transform:rotate(10deg) scale(1.4) translate(5px,-3px);
 } 
</style>


note : gak perlu pasang title ya...
jangan lupa di save

Posted in: Blogging