Follow @XavierMedia at Twitter.com

Xavier Media® Tools and tips for webmasters and bloggers

  Subscribe via email

  Subscribe via RSS
  What is RSS?

  Follow @XavierMedia

  Join our community

XavierMedia.com

Webmaster Tools

Keywords

Recent Posts

Blogs

Archive

Peel-off corner ads

February 17th, 2008 by Andreas from XavierMedia.com

I guess you have seen the small, slightly animated corners in the right upper corner of some pages (mostly blogs) where an ad will show up if you move your mouse over the corner. If you haven't then check out the right upper corner of this blog!

This is something called peel-off corner ads or peel away ads and is according to me an innovative way of showing ads (I just love to check out these ads, but that may be because I'm a geek :) ). I've seen sites selling the little piece of code doing exactly this for anywhere between $5 up to $137 (!!!!) when there are free alternatives that's doing the exact same thing. John Chow for example tried to sell the script for $37 (!!!). OK he's selling a little bit more advanced piece of code, but I guess you can find free scripts that do the same thing if you combine them.

How to add peel-off ads on your site

As I said yesterday on Twitter.com I'm going to tell you how to install this kind of ads on your own site or blog.

It's quite easy to install and use (the hardest part is to create the actual ads :) ). The script I'm using is from donalyza.com, but you can find similar scripts on other pages too. Just search for free peel off ads script at Google. The beauty with this kind of ads is that you can add it on any page you like not just only your blog.

  1. Download the files needed. Usually it's a .js file (the actual script), two Flash movies (one for the animated corner and one for the big ad) and two images (one for the small corner and one for the ad).
  2. Open the .js file in any text editor you like (I use for example Wordpad on Windows or Nano on Linux) and make a few adjustments (just follow the instructions :) ).
  3. Create two images. One small (the corner: 75×75 pixels) and one big (the actual ad: 500×500)
  4. Upload all your files to your web server
  5. Add one line of code at your web site:

    <script src="/pagepeel/PagePeel.js" type="text/javascript"></script>

  6. If you can't see the corner ad you need to make sure that you uploaded all images in the correct folder (that was my first mistake :( )

Now it's time to let the creativity flow :D If you're using peel-off ads on your site or blog, please post a link here so we can have a look at how you did it.

If there's something you would like to know how to do, please send me a message and maybe, just maybe I'll write a post on how to do it :)

You may also be interested in...
You need to plan your web site
Gmail – Use it even if you're offline
TwitterFox – See your tweets in Firefox

Subscribe to new posts from this blog

14 Responses to “Peel-off corner ads”

  1. Mike Huang Says:

    I personally DO NOT like the peel-ads especially after John Chow published a post about it and got hundreds of new buyers for that script. It LAGS the browser/computer very badly and it causes some problems.

    -Mike

  2. Andreas from Xavier Media Says:

    I may dislike them soon too, but for now it's a new way of advertising :)

  3. Shanker Bakshi Says:

    Yeah its a new way, i am thinking to display one on my site too, Sure it will peal off soon from Blogsphere soon, no doubt about it.

  4. PD Says:

    I added one on my website (Wordpress). Check it out.

    http://www.blackslash.net

  5. PD Says:

    ..For some strange reason. It does not show up in Linux (Ubuntu) – Firefox.

    PDs last blog post..Nearlyfreespeech.net Webhost: Review

  6. Bill Says:

    PD, how do you get the peel away ads to open its link in the same browser window? I have it implemented on my site but the code creates a new popup for the link. Any help on this would be appreciated. Thanks

  7. Andreas from Xavier Media Says:

    @Bill: I don't think you can set the ads to open in the same window. I looked in the .js file but couldn't find any such option :(

    /Andreas

  8. PD Says:

    Bill, sorry for late reply. I also checked the .js file and was unable to find appropriate coding. You can use the Wordpress Plugin if your using wordpress on your blog. It works like a charm on Wordpress 2.6

    I found it here:

    http://www.webpicasso.de/blog/wordpress-pagepeel-plugin/

    (if for some reason the link does not work anymore. Simply google Page Peel/Magic Corner for Wordpress)

    Good Luck Bill!

  9. Hiten Says:

    Hi,
    I have used peel corner on one of the my site. Now I want to display .html page in peel corner. not a big size image.
    Is it possible?

    Normally We are setting page link to big peel image. but I want to open .html page which contains introduction video ! Is it possible?

    Any help will be appreciate !

  10. Andreas from Xavier Media Says:

    I don't think that's possible in this peel-off ad script. Maybe you can find another one using Google taht can show HTML pages too.

    /Andreas

  11. donz Says:

    Hey nice tut, and i m still looking forwared to get that javascript file.. but no luck yet, is it possible if some1 guide me so i can have this working on my forum

    Thanks

  12. Andreas from XavierMedia.com Says:

    Can't you get the file from donalyza.com as mentioned in the post?

  13. Accounting Teacher Says:

    Isn't there any plugin to do this? I am using wordpress.

  14. Andreas from Xavier Media Says:

    You don't really need to have it as a plugin since it's only one line of code you have to add in your header.php file of the Wordpress theme you're using.

Leave a Reply


Web Hosting from eXavier.com

RSS 24/7 Webmaster

RSS Adv.erti.se

RSS Public Information

© Copyright 1996-2010 Xavier Media®. All rights reservered.
Contact us | Support/help | Privacy Policy | Company Info
The World According to Xavier | Domain Names