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 {
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.opacity:hover img {
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

* 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=""><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. 

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How To Add Opacity Effects to blogspot Image. ~ Twitter FaceBook

0 Responses So Far:


Select Your Categories