How to create your own stripe-ad

Posted on June 5, 2008 by admin49 Comments »

Stripe ad is a strip of highlighted ad-space below the browser’s navigation. Stripe ad is a neat way to extend space to create additional advertising room, and the most popular position for stripe-ad is on top of page. It has extremely visible to the website visitor since it’s the first thing the visitor sees on the site.

It’s not seen as obtrusive advertising that interferes with the user experience of your blog or website. There’re numerous advertising types that interfere the visitors, especially popup ad (Pop-ups, pop-overs and pop-unders).

But it not always neat, and for some case it can be interference for the user experience, and people not liking it. However, stripe ad become interference is just for a little case, and the most people like it and it’s not interferes with the user experience.

Create your own stripe-ad

I use there files to create my own stripe-ad: stripe-ad.php, style.html (download or save this .txt file and rename to style.html), and close.gif. Stripe-ad.php is for creating ad message and calling the CSS style. Style.html is for creating layout style such as colors, position, font, and Javascript function. Close.gif has function as image link to close stripe-ad, it can seen at the right of my stripe ad (see the top right of page).

Put the stripe-ad

Put the stripe-ad.php between body tag: <body> … </body>. You can directly add the code between the body tag. Below is stripe-ad.php code:

<div id="mta_bar"> <div id="left_bar"> <span class="left"><a href="#">Your ad message</a></span> </div> <span class="right" onmouseover="self.status='Goblogging.net';return true;" onmouseout="self.status=''"> <img src="your-folder /close.gif" onclick="closeTopAds();return false;" style="cursor: pointer;" align="absmiddle" border="0"></span> </div>

Or you can call the file by using ‘PHP include’:
<?php include "your-folder/stripe-ad.php"; ?>

Put the style.html between head tag: <head> … </head>. You can directly add the code between the head tag, or you can call the file by using ‘PHP include’:
<?php include "your-folder/style.html"; ?>

You are done

Now you are done. For advanced user, for more attractive and good looking, you could edit the CSS style (style.html). Good luck!

Posted in Blogging, Marketing & Advertising, Web & Blog Design |

Realted Articles:

If you enjoy here and like what you read, please subscribe to my blog feed or sign up for email updates, see the form at the right top. Find out what I am doing right now and the most update from me, please follow me on Twitter!. Thanks for visiting!

Get a FREE report that reveals how to get 600K of dollars. Grab yours now!

49 Responses to “How to create your own stripe-ad”

on 06 Jun 2008 at 1:19 amAnonymous

How to create your own stripe-ad…

Stripe ad is a strip of highlighted ad-space below the browser’s navigation. Stripe ad is a neat way to extend space to create additional advertising room, and the most popular position for stripe-ad is on top of page. It has extremely visible to the…
on 06 Jun 2008 at 1:24 amPostOnFire.com

How to create your own stripe-ad…

Stripe ad is a strip of highlighted ad-space below the browser’s navigation. Stripe ad is a neat way to extend space to create additional advertising room, and the most popular position for stripe-ad is on top of page. It has extremely visible to the…
on 06 Jun 2008 at 1:43 ambbrian017

hey man thanks for submitting your site to blogengage! You should also submit this article ti’s simply brilliant! I’ve been looking for a while on how to make one of these and I must say thank you!

I want to add our profile and badges page with this concept so our blogengage members can see we have image for their blogs! but as of now ti’s really hard to see these images. 90% of the people don’t even notice them.

Wish me luck I’m going to try it out! if I fail I’ll be back ahaha!
on 06 Jun 2008 at 5:24 amChessmaster

I just discovered your blog while browsing on blogengage.
I really like your design. I’ll be following this blog to see where it goes.
on 06 Jun 2008 at 7:20 pmMelvin

I don’t really like stripe ads.. it’s never a neat way for blogs…
on 06 Jun 2008 at 10:01 pmadmin

Since there is a wordpress plugin – http://www.maxblogpress.com/plugins/msa/ and some famous bloggers used stripe-ad including johnchow.com, stripe-ad become more popular. But I know not all bloggers like it. And I found a case about it at: http://www.themakemoneyonline.net/using-a-top-stripe-ad-to-get-visitors/
themakemoneyonline has removed its stripe-ad.
on 11 Jun 2008 at 1:41 amJared Stenzel

Hey, I looked for a more appropriate place to put this comment, but didn’t find one. For your blog, at this point you really have little potential to make any money. To make money selling private ads you will need high amounts of traffic, and a decent sized RSS subscriber base. For Adsense you would need a very big sized source of traffic to make much money off of it.

As for stripe-ads you may wish to disable them until you get a bigger fan base simply because of how unattractive they look. You are losing more potential on it than you are gaining by having that there.
on 11 Jun 2008 at 2:03 amadmin

I’ll consider to what you have said You’re right, there’s no same design and layout between newbie blogger and famous blogger, so probably I’ll remove the stripe-ad. Thanks!
on 12 Jun 2008 at 10:20 pmPaul B

I guess copying is the highest form of flattery right? The article linked to is how to extract the stripe ad code for your own none wordpress based sites.
on 12 Jun 2008 at 11:21 pmexinco

i use it before but after change my templates, i’m lazy to put it back. btw thanks to this post.
on 14 Jun 2008 at 5:41 pmhow to strip

[...] and the most popular position for stripe-ad is on top of page. It has extremely visible to the wehttp://www.goblogging.net/how-to-create-your-own-stripe-ad/COMICS WITH PROBLEMS 25 – Treat Your Rifle Like a LadyChapter titles include: how to strip Your Baby [...]
on 21 Jun 2008 at 10:51 pmAdd Stripe Ad to Your Blog / Website, The Free Ways

[...] How to create your own stripe-ad [...]
on 22 Jun 2008 at 8:30 pmThe Coffee Shop Talk » Blog Archive » Just a posting of links

[...] color lining with kutty adverts you can see on top of this page ). There is a way to create you own FREE Stripe AD ,so that POWERED BY XXX wont be displayed . Thanks a bunch HongKiat. *NOTE : functions are limited [...]
on 14 Jul 2008 at 12:23 pmBusiness Technology » Add Stripe Ad to Your Blog / Website, The Free Ways

[...] How to create your own stripe-ad [...]
on 16 Jul 2008 at 4:15 pmstripe ads

[...] create additional advertising room, and the most popular position for stripe-ad is on top of page How to create your own stripe-ad | GoBlogging.net MaxBlogPress Stripe [...]
on 21 Sep 2008 at 9:43 amYan Shall Blog

Nice tutorial. Did you decide to do away from your own stripe ad?

Yan

Yan Shall Blogs last blog post..The Day I was Hacked…
on 21 Sep 2008 at 8:06 pmadmin

Not yet! I’ll use stripe-ad if this blog has enough decent traffic.
on 29 Sep 2008 at 4:43 amPeter Monroe

Sweet!!!

Peter Monroes last blog post..Hello world!
on 04 Oct 2008 at 5:02 pmgmurali.com

i just hate the stripe add with author;s link
this could avoid that
on 19 Oct 2008 at 8:29 pmVikki

Hi,

This is great, I’ve got a petition on my site that I want to highlight and I hate having a link to someone elses blog.

Thanks,
Vikki
on 09 Nov 2008 at 10:14 pmJussi Koiranen

Thanks for putting in the scripts. Most people just stick to explaining.
on 13 Nov 2008 at 1:28 amSEO Test

This stripe ads also nice for making an announcement

SEO Tests last blog post..Coolest Contest in November
on 16 Dec 2008 at 3:50 pmBusby SEO

great tutorial. thanks for sharing
on 27 Dec 2008 at 10:43 pmBusby SEO Test

cool!
on 31 Dec 2008 at 6:51 pmDuoblogger

One problem is that people will directly see that it is an ad. That way they won’t click it it.
on 10 Jan 2009 at 8:12 amWalter Cruz

Is this code GPL Licensed?I want to include it on a b2evolution plugin and license it under GPL.

Walter Cruzs last blog post..Criando plugins para b2evolution – um renderizador de texto
on 06 Feb 2009 at 8:53 pmTamron

Stripe ad is a strip of highlighted ad-space below the browser’s navigation.
on 11 Feb 2009 at 10:59 amRegistry Repair Resources

Good one!!
on 19 Mar 2009 at 3:09 pmKampanye Damai Pemilu Indonesia 2009

I found your blog on google and read a few of your other posts. I just added you to my delicious. Keep up the good work. Look forward to reading more from you in the future.
on 24 Mar 2009 at 11:47 pmtnomeralc web design toys

Good post.. Thank you for this article

tnomeralc web design toyss last blog post..Earning From Website Advertising
on 27 Mar 2009 at 11:42 amHectic Capiznon Bloggers 2009

Interesting article thanks for sharing this for a thousand of bloggers around the world.

Hectic Capiznon Bloggers 2009s last blog post..How Capiz Blogger Promote their blogs?
on 15 Apr 2009 at 1:06 pmTnomeralc web design toys

really thanks for this such good information really like it..

Tnomeralc web design toyss last blog post..Puerto Galera – Travel Philippines
on 19 Apr 2009 at 11:58 amtnomeralc web design toys

Very nice tips.. I really love it..

tnomeralc web design toyss last blog post..Xbox 360 Repair Manual – 3 Red Light Repair Guide
on 20 Apr 2009 at 8:32 pmCriminal Background Check

Thanks for a nice and informative site. Somehow I was drawn to reading the post and I enjoyed a lot. Have a nice day!
on 30 Apr 2009 at 6:50 amauto repair manual

I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.
on 03 May 2009 at 9:13 amFXAnalitik

Great post. Gives me what I have been looking for.
on 06 May 2009 at 5:42 pmtukang nggame

Good post very useful
on 07 May 2009 at 3:48 pmtukang nggame

WAh thanks info, now i can create ad-stripe
on 22 Jun 2009 at 11:34 amRusli Zainal Sang Visioner

It’s really useful tips! I will try it to my “Friendship SMS” blog

Rusli Zainal Sang Visioners last blog post..Rusli Zainal Sang Visioner
on 27 Jun 2009 at 11:48 pmAdd Stripe Ad to Your Blog / Website, The Free Ways | Quest For News, A TUTORIAL Base

[...] How to create your own stripe-ad [...]
on 05 Jul 2009 at 6:57 amAdd Stripe Ad to Your Blog / Website, The Free Ways - Buy-Host forum

[...] [...]
on 25 Jul 2009 at 1:01 amTim Poker Chips Joseph

This is really good info on how to make your own stripe-ad. Thanks for sharing this.
on 05 Aug 2009 at 5:57 amBill Evans

Just added the stripe ad to our site. Thanks for the posting. FortuneKookie.com
on 19 Sep 2009 at 3:15 pmAdvanced Link Cloaker Affiliate Marketing Software And Membership. | 7Wins.eu

[...] [...]
on 10 Oct 2009 at 8:23 pmcara membuat blog

Useful trick, I will do this on my blog
on 22 Oct 2009 at 7:30 pmNo_limits57

P is its model that is minimal relative to set inclusion. ,
on 02 Dec 2009 at 1:44 amRodney

Please put the stripe ad back up that you refer to in this example. It kind of sucks to refer to it in your article and then not have it. I wanted to implement it but the close.gif file isn’t linked to on this page. Please provide a link to it or at least a screen shot of how the stripe ad looked.
on 04 Jan 2010 at 1:15 amNicioi25

With the purpose to prevent the errors in the masters thesis, this will be much better to order the really good topic associated with this good topic in the thesis service in Internet. It’s easier to get the academic success taking this great way.
on 04 Jan 2010 at 8:55 pmVinay

It would be really great to have the close.gif file. I really want to go forward with this, but with really no idea what this should look like I have come to a standstill. Great post, please update it though .
Vinay´s last blog ..ALL BigFish Games!

Trackback URI | Comments RSS

I'll give more attention in topic about: make money online and or about how to monetize web/blog. Make money online could be interesting topic in this blog.

And it can be more extensive, not only about blog and blogging, and make money online, but including all internet and computer related information such as software, computer, website, design, seo, webmaster, and much more. Read More...