GoodinBlogging: Add Opacity Effect to All Post Images in Blogger

Well Iam Back With a New post.Well this is About Adding Opacity Effect to all Post Images in Blogger.When Your Mouse Pointer is Hovered on the images then this effect will work.

Also Read : How to Create Rollover Image Effect to Blogger Effect

How to add Opacity Effect to All Posts in Blogger :.

Login to Your Blog < Dashboard

Now Go to DEsign > Edit Html

Now Check the Expand Widget Templates to Backup the template.

Now Search for the Below Code

.post-body img{YOUR CSS STYLE Like border, padding, margin, Etc. .}

Now that You've Found the Above Code.Replace it With the Below Code.

.post-body img{filter:alpha(opacity=80);opacity: 0.8; border:0;}.post-body img:hover img{filter:alpha(opacity=100); opacity:1.0; border:0;}

Save Your Template and That's it Now You're Done.

Add Opacity Effect to All Post Images in Blogger

0 comments: