How To Add CSS Cool Image Effect For Blogger

How To Add  CSS Cool Image Effect For Blogger

Demo Here

1.  Log in to your blogger account and Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below one of below code.

<a href="http://www.bloggertrix.com" target="_blank">
<img src="URL" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
</a>

*Replace with bloggertrix.com with your URL
*Replace with URL  with your URL

4. Save HTML/Javascript. 
you are done.
( You can use this code for  when you  making the post.)