Sticky Banner

Do you want to make a sticky banner which follow you everywhere whether you scroll up and scroll down your Blogger page? See the picture below here.
How do you make it?

Now, you need to login to your Blogger acount and go to 'Layout' and move the tab to 'Edit HTML'.

First, you need to find ]]></b:skin> code in your HTML Code.
You got it? Use 'Find' browser feature (generally by hitting CTRL+F) and copy/paste that code.

Now, grab this code and place above it.

#sticky_banner_learn-webcreation {

position:fixed;_position:absolute;top:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);

}

You may change the blue text, 'top' to 'bottom'. And green text, 'left' to 'right' as you wish where the sticky banner located.
Done it? Okay, follow one step below here to place and costumize the banner and its link address.

You need to grab the cody below here, place it before or above </body>



<a href='http://learn-webcreation.blogspot.com/'>

<img border='0' src='http://profile.ak.fbcdn.net/object3/1708/47/n38118413916_4551.jpg'/><</a>

</div>
You may change the blue text with your own URL address (the URL destination when someone clicking the banner).
And also you may change the green text with banner URL address (where your banner's link saved).

Now click "Preview" to see the result, if you are completed, save the layout and enjoy.

0 comments:

Bookmark and Share

Post a Comment

 

WEB CREATION Copyright © 2009 Blog is Designed by Suvanno Tharu Sponsored by Hitsweb Pvt.Ltd