Blurred Image Effect

Log in to Blogger account
Go to Layout -> Edit HTML,
Find this code
</head>

Immediately before that code paste this
<!--LINK-OPACITY-STARTS-->
    <style type="text/css">
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;}
    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0; }
    </style>
    <!--LINK-OPACITY-STOPS-http://bloggerstop.net-->

Then Save.

How it works? always add Class="linkopacity" on every Image Link

<a class="linkopacity" href="Link URL" target="_blank" alt="Any Text"><img src="Image URL" /></a>

Credits