How To Add JQuery Fade Effect on your Blogger blog / Website

It's easy  tutorial explains how to add jquery fade effect to images in your blogger blog or any other web site.It's very easy and you can do this a little time.But this effect will add some attractive appearance to your site. Follow the steps below to do this.


1. Login to your blogger account.
2. Than dashboard >>> Template >>> Edit HTML.
3. Don't forget to backup your template first.
4. Check the Expand Widget Templates box.
5. Now find out [ Click (Ctrl and F) Search for ] below code.



6. Copy below code and paste it just before it.



7. Now save your template and you are done.

1 comment:

  1. how do I fadeOut description in blogspot?


    CSS
    .site-description {
    clear: both;
    font: bold 20px/20px 'PT Sans', Arial, sans-serif;
    margin: 0 0 0 40px;
    color: #fff;
    background-color: green; margin-bottom: -10px; padding: 8px; width: 365px;padding: 8px;opacity: 0.8; filter: alpha(opacity=80);
    }



    my JavaScript is not working here http://jsfiddle.net/rbjwam7n/ because I am NOT a PRO at all


    $(".site-description").fadeTo(1000,0);



    http://railingstoronto.blogspot.com/

    I'd like to fadeOut blog title too


    Thx

    Victor

    ReplyDelete