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.
Sticky Banner on the Blogger, follow you everywhere.
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 - Vektanova : www.vektanova.com */
#sticky_banner_vektanovadotcom {
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>
<div id='sticky_banner_vektanovadotcom'>
<a href='http://www.vektanova.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.
Title :
Sticky Banner
Description : 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 bel...
Rating :
5