Cara Membuat Bouncing Image CSS Hover di Blog

langsung ajah lah ea ga pke lama:
berikut trik-nya:

• Masuk Blogger - Rancangan - Edit HTML - centang Expand Widget Template.
• Kemudian letakkan kode berikut diatas kode ]]></b:skin>

img.hoverImages {
margin:20px;
padding:3px;
outline:2px solid #DDD;
border:#a1a1a1;
float:left;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
}
img.hoverImages:hover {
cursor:pointer;
margin-top: 2px;
}

• kemudian save template.

Untuk memasangnya dipostingan sobat cukup letakkan kode berikut kedalamnya :

<img class="hoverImages" src="URL IMAGE" />
<img class="hoverImages" src="URL IMAGE" />
<img class="hoverImages" src="URL IMAGE" />

silahkan ganti tulisan yang bercetak tebal dengan alamat penyimpanan gambar sobat, semoga ini bermanfaat bagi sobat semua.