Image Hover : Blur Effect

Template biasa

• Layout > Add Gadget > HTML/Javascript
• Copy code dan paste dalam HTML :-

<style>
/*BLUR*/
 img, a img {
 -webkit-filter: blur(0px);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
img:hover, a:hover img{
-webkit-filter: blur(2px);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
</style>

• Preview dan kalau tadak apa apa error, dgn bahagianya save :)

Blogskin's User

• Dashboard > Template 
• Cari code </style>
• Copy code tadi dan paste di atas </style>
• Preview dan save dgn senyuman.