Free online services usually comes with an attachment. Usually you are required to place their banners, buttons, etc on your website; stats counter can be quite a good example here. Here’s a trick, rather evil, where you can continue to use them, but made their banner or buttons invisible to your visitors while service providers will still think you are linking back to them.
Throw object off screen with CSS
There is a control in CSS call the text-indent. When text-indent is used on particular object with negetive values it will throw it off screen make it invisible unless CSS is disabled. You’ll need a little bit CSS knowledge here to make it works. Here’s how you do it:
- Look for the object you intended to hide (image, button, text, etc), identify their class name.
- Insert the following CSS
text-indent:-999px; z-index:-1;
- Done, object maintains on website but is thrown off screen making it invisible to your visitors.
Unethical and Evil
Many may find doing this is unethical and evil, especially if you are using a service you should give credit back to the provider. Well, I’ll not go against it and I’m not encouraging you to use it. As the matter of fact, the reason why I’m revealing such method is because I’ve seen webmasters using them. Just in case you wonder why some objects/content shows up in source code but not on the website, now you know why. Anyway, I’m using this to hide a stats counter. Let me know you can find out which it is :-)
|
Posted by hongkiat in Web Tricks, at 06.11.07
|
![]() |
Related Contents |
Sponsors |

















Comments
June 11th, 2007 at 7:16 pm
I think it is Spotplex :D
comment
June 12th, 2007 at 2:52 pm
here are 3 more i can think of:
1) most popular way
display: none;
2) alternative
position: absolute;
left: -4000px
3) works sometimes
height: 0;
font-size: 0;
comment
June 13th, 2007 at 8:55 am
Kenny: You’re right :-)
Zhongg: “display:none” will totally hide the element, not appearing in source codes or giving link backs. I usually use “display:none” during debugging and fixing my CSS. No point we declare css but make it display:none right :-)
comment
June 13th, 2007 at 12:34 pm
Nice tips. I am not a CSS guru but i think this might go against some of those “free service” TOS to modify their code. :)
comment
How To: Hide Title and Tagline [updated] at ChemstudioWEB.COM
June 14th, 2007 at 3:23 am
[...] via Hongkiat [...]
comment
June 17th, 2007 at 12:45 pm
We want to hide Motigo Webstats Counter shown at the bottom of our website, but none of the above solutions are working for this particular counter.
Does anybody knows how to do it?
comment
January 15th, 2008 at 6:29 am
For banners at the bottom of the page do this
comment
March 28th, 2008 at 9:02 pm
I’ve got the same problem that ElectroMundo. I want to hide motigo webstats counter in my blog. is it possible? thanks
comment
May 14th, 2008 at 3:20 am
yes, it is possible, but only will work with explorer, the only thing that you have to do is create a flash animation of 22×22 px to cover the motigo logo, give the property of floating flash over the html and put rigth over the logo. I did it, and works quite well, I guess that other way is putting the montigo code in one page as a entrance door, and then open automaticly the proper page without the code, but I found easier the first one.
comment
Leave a reply