Stripe Ads – Make even more money from blogging

Staale — Wed, 23 Jan 2008 15:53:30 +0000

If you are a reader of John Chow you might have seen that he has inplented a new adspot on his blog. A little bar on top of the site with a text-link. Just days (even hours) after he put this ad spot up a lot of other bloggers started serving this type of advertising.

The thing is, even if you scroll down the bar will follow down, and staying on top all the time. I’m unsure of the CTR of this placement, but it does not take up much space and it could mean easy money for you. (John Chow charges $250 per month and got 5 rotating!)

What it does
Basically you can add unlimited number of links which will rotate. You can also weight them differently, and customize your ad with colors and such.

How to get it
Alright – so you want this on your blog? Well, thats no problem. MaxBlogPress have made this plugin – which means one click installation for you. The plugin is called “MaxBlogPress Stripe Ad” and can be downloaded for free by clicking here.

The annoying “Powered by” -line.
The thing that makes this plugin bad is the frikkin’ “Powered By”-line which you can’t remove. This made me not to use the plugin, and I’m still waiting for a paid pro version which they have said should be released soon. Then without the “Powered by”-line. Btw, I’m not the only one that doesn’ like the line. Over at mr. Chow the debate is going crazy with over 150 replays.

The alternative
If you don’t need it to be a plugin, and can handle a little coding and lack of options I got a solution for you you. This “mod” is written by Max @ Zedomax.com. (Where you can see the actually mod in work).

Here’s how to make that ad strip on top of your blog using simple HTML and CSS:

Copy the following code into the top of your tag in your header file.

Your link text

Then open up style.css or the main css file you are using and add the following anywhere:

#adbar {
        height: 20px;
        width: 100%;
        margin: 0 auto;
        background-color: #666666;
        color: #fff;
        font-family: Arial;
        font-size: 18px;
        border-bottom: solid #000;
}

#adbar a {
        text-decoration:none;
        color: #fff;
}
#adbar a:hover {
        text-decoration:none;
        color: #666666;
        background-color: #fff;
}

You can do changes with the colors and width to customize it to your site.

If you want to bar to be fixed
If you want the bar to be fixed, and be there even when you scroll down do the following:

Add this right after the first adbar div:

Then add this to your css:

#adbar-spacer {
        height:25px;
}

Also add this line:

#adbar {
        position:fixed;
}

This post is brought to you from VikingBlogger.com

Stripe Ads – Make even more money from blogging

VikingBlogger.com » stripe ad

Stripe Ads – Make even more money from blogging