loading
Here is a safe way to remove forced banners on your personal website. Guaranteed not to get you suspended, as the banner is still there, its just not visible. This is only my first instructable and ive only tested this code on 1 site, so....... But it should work on any site that fits on one page (requires no scrolling) and has a single banner on the top of the page.

Step 1: Explaination (how It Works)

The way this code works is actually very simple. It has three main parts. The first creates a line of text (invisible) 100 pixels below the visible space. (if the ad is not 100px high, change the 100 to a different value. The second part causes the page to scroll down to the very bottom, so the invisible line of text below the screen iis now on the bottom, and the ad is pushed upward out of view. The last part is optional. It should only be used for sites that do not require scrolling. This part simply hides the scrollbar so the page cannot be scrolled up and the ad seen.

Step 2: Add the Scroll Script.

Add the following code to the head section:
........UGH! I cant add the code.... it keeps disappearing. Ill add it without real script tags, just know to change **script** and **/script** to real script tags.

**script**
function pageScroll() {
window.scrollBy(0,50);
scrolldelay = setTimeout('pageScroll()',10);
}

**/script**
example:
<head>
<title>Title here</title>
**script**
function pageScroll() {
window.scrollBy(0,50);
scrolldelay = setTimeout('pageScroll()',10);
}
**/script**
.....head stuff.....
</head>

Step 3: Add the Script Reference

Next, we need a way to call the scroll script. Add the following to the body tag:
onLoad="pageScroll()"

so it looks something like this:
<body onLoad="pageScroll() bgcolor="#000000" >
.......page stuff and html...........
</body>

This will have the page scroll to the very bottom when the page loads.

Step 4: Add the Blank Line

This code adds an empty line at 100 px below the bottom of the screen. This way, when the scroll script is called, this line is now right at the bottom, and the 100px-tall add is 1000 px. above the top of the screen. Add the code below the body section, before the closing html tag.
<footer>
<span style ="position:absolute;left:0;bottom:-100">
<br>
</span>
</footer>

It should look like this

.....
</body>
<footer>
<span style ="position:absolute;left:0;bottom:-100">
<br>
</span>
</footer>
</html>

Step 5: OPTIONAL-Remove the Scroll Bar

Add this line of text in the script block head section , right after the scroll script.
document.body.style.overflow = 'hidden';

This code hides the scroll bar, so people cannot tell that there was once an add.
example:
**script**
function pageScroll() {
window.scrollBy(0,50);
scrolldelay = setTimeout('pageScroll()',10);
}
document.body.style.overflow = 'hidden';
**/script**
As before, **script** means a real script tag.

Step 6: Thank You~

This code should work fine with a 100px tall add at the top of the page, but if it doesnt, please leave a comment! In fact, also leave one is it does work. You can see a working example at his site: http://realityshift.webng.com/homepage.html
If you examine the page's code, you can see that there is an ad at the top of the page, but it is invisible. Also, you can't get banned for this because the ad is still on the page!!

Thank you for reading; I hope it works
more instructables in the future from me i think.
<p>Did it too. And yes it works :) however someone might scroll up again and will see the banner. I ended up reading this <a href="http://www.phpgang.com/the-advantages-of-php-friendly-hosting_3205.html" rel="nofollow">http://www.phpgang.com/the-advantages-of-php-friendly-hosting_3205.html</a> and started to look for ad free hosting provider. </p>
<p>I've Done It!</p>
Will it effect adsense adds
What`s this?
That, is a page that doesn't have the code. I didn't want it on the homepage. Anyway, I do not use this website. It is only there as reference. Really, I only use it for the intro movie (which DOES have the code)
dont copy anything after the word example, including the word example. Theyre kind of close, so....

About This Instructable

4,663views

3favorites

License:

More by themaetsnake:Remove forced banners from web hosting 
Add instructable to: