Stripe Ads

[walrus]

Yes, I know there are plug ins for this but in my never ending battle against useless plug ins I present the other method.

Now you can look cool like all those bloggers that use free hosts and add some highly visible advertising to the top of your blog!!! Be the envy of everyone you know...

Seriously, I was fucking around the other day and decided I wanted to check this out. So I added one to Porn Blog Surfer and kind of liked it. Here's how.

Add this line to your header.php file just underneath the body tag

<div id=“ad-top”>Your Banner or Text Link here</div>

Then add the following to you style sheet.

/* Ad Space CSS Start */
#ad-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 17px;
background-color: #FFFFE1;
color: #0000FF;
border-bottom: #000000;
padding: 5px 0 5px 0;
text-align: center;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
}
html > body #ad-top {
position: fixed;
}
#ad-top a:link, #ad-top a:visited {
color: #0000FF;
background-color: transparent;
}
ad-top a:hover {
text-decoration: none;
}
body {
padding-top: 17px;
}
/* Ad Space CSS Start */

Remember you can change all the color and font shit to match your blog. This matches mine

Then, because IE6 is a bitch you'll need to add this little piece of code. Some themes have a seperate ie style sheet if your does add this to it.

/*---IE is a Bitch---*/
<style type="text/css">
body
{
overflow-y: hidden;
}
div#ad-top
{
height: 100%;
overflow: auto;
}

If your theme doesn't have a seperate IE style sheet use this underneath the link to your themes style sheet

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
-----This is the WP link to the style sheet add the following underneath it-------
<!--IE is still a bitch-->
<!--[if IE]>
<style type="text/css">
body
{
overflow-y: hidden;
}
div#ad-top
{
height: 100%;
overflow: auto;
}
</style>
<![endif]-->