Wednesday, 13 April 2011

How to Create Floating Twitter Follow Image?

We can put Twitter icon as floating image with fixed position, so it will attract your visitor to click it.How to? Follow this step below
1. Go to Layout > Edit HTML
2. Copy these code

    #floatingimage {
    bottom:10px;
    right:0px;
    position:fixed;
    _position:absolute;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);
    _right:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
    }
    #floatingimage a img {border:0}


3. Paste before...


    ]]></b:skin>


4. Copy these code

    <div id='floatingimage'>
    <a href='http://twitter.com/emocutez'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfHDZqCowhI4nxzgbWbiY7JvGN4iaddZ8ObrttWB_WvjRIxwNNLlMRDvjbkeT-qQeDjYWiX5EjTAcEdp3aXn7ACeB_NR2Xnpo4Ds_hEgAGckV-3chD4V2q4J61WPcFPeau3rUD4vffqQqX/s1600/follow+us.png'/></a></div>


5. Paste before

    </body>


6. Save and check your Blog...

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...