How to make Floating Bottom Banner without Javascript

Many examples and source codes required javascript to build floating banner. In this example I only use CSS without javascript. There are two models frequently used, top banner and bottom banner. Be Careful if you use at bottom and it’s floating. User may feel it’s annoying but not much as pop up banner. Take a great look to your user and website before user it.

What’s your purpose to use floating banner at the bottom? If it’s asked to me then I’ll say it’s hoped that users always see the banner whenever they scroll browser document although it’s position is at bottom. Your advertisers will have better opportunity to gain more profit from their banners.
How to build it? I wrote full code for this including required CSS and HTML.



1

2
3

4
5
6

7

8
9
10
11

12
I use banner size 728×90 from google AdSense and 16×16 close button. You can any banner and close button you have. The height for floating banner is 106 = 90 + 16. We must set width for close button div same as banner’s width 728.
And that’s all I can give. Please give me your feedback if there’s some errors in it.

0 komentar:

Post a Comment

+