Thursday, August 11, 2011

How To Add CSS Cool Image Effect For Blogger

How To Add  CSS Cool Image Effect For Blogger


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.)

11 comments:

  1. nice post
    http://way2bloggers.blogspot.com/

    ReplyDelete
  2. that is a javascript approach isn't it? anyway, nice post!

    ReplyDelete
  3. Nice Info.??? And the blogs are really good.
    visit my blog guys

    ReplyDelete
  4. Nice Post...
    Check my Blog's pleasee

    ReplyDelete
    Replies
    1. Thanks for comment friend.
      Nice blog.

      Delete
  5. This is an excellent article and one that is appreciated.
    Thanks ever so much!

    ReplyDelete