How To Add Opacity Effects to blogspot Image. 0

Learn how to add opacity effect in your blogger image .

Follow simple step to add this tricks in your blog---->>>>

* First go to your blogger Dashboard.

* Now click in Design tab and edit HTML.

* Click on small box to expand the template.

* Now find this code </head> by CTRL+F key.

* Copy below code and paste before  </head>

<style type='text/css'>
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

* Now save your template.

* After above step go to your blogger dashboard. 

* And click design tab now you are here--->>>>> Add page element

*  click on add gadget which is your blogger sidebar.

* When open new window choose HTML/Javascript from list.

* When open blank box copy below code and paste in blank box .

<a class="opacity" href="http://www.blogger9.com/"><img src="Add Image URL Here" /></a>

Note: Replace Add Image URL Here with your image url. 

* Now save your template now you are done. 

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How To Add Opacity Effects to blogspot Image. ~