Simple Fog Effect for Blogger Image, just follow the steps below.
1. Log in to your blogger icon
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above ]]></b:skin>
.FBT-blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.FBT-blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
4. Click SAVE TEMPLATE
Then to "call" the effect just add some code, so the image code will be like this
<a class="FBT-blur" href="http://s2ptech.blogspot.com/"><img alt="blogger icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0iJhARdP-OAT8IX1MIsdFVQ7ZjYlBlMbyynRvW70LKe8vTI2Nwdr60NbA0fPjOeBYy9J-K-zzgFZ2NxMc9jGy4vboGYTVAhR7_C-C0u88jGb07dTnqQZQfaD2xwqHp2tIngCYEO8lF-L/s1600/logo.JPG" /></a>
Go For Demo
So easy right?
