dougbelshaw.com/blog » page peel http://dougbelshaw.com/blog Education. Technology. Productivity. Wed, 23 May 2012 08:57:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Uncopyrighted http://dougbelshaw.com/blog/2009/12/09/beyond-creative-commons-uncopyright/ dajbelshaw@gmail.com (Doug Belshaw) dajbelshaw@gmail.com (Doug Belshaw) 1440 http://dougbelshaw.com/blog/wp-content/uploads/2010/03/doug_south_park_144px.png dougbelshaw.com/blog http://dougbelshaw.com/blog 144 144 Education. Technology. Productivity. Education. Technology. Productivity. education technology productivity elearning Doug Belshaw Doug Belshaw dajbelshaw@gmail.com no no Page Peel Script http://dougbelshaw.com/blog/2008/01/26/page-peel-script/ http://dougbelshaw.com/blog/2008/01/26/page-peel-script/#comments Sat, 26 Jan 2008 16:22:58 +0000 Doug Belshaw http://www.dougbelshaw.com/2008/01/26/page-peel-script/ Peel

Please note that this script is NOT my own work! As I have stated below, I am simply making it available here in case it is taken down elsewhere. I have no idea on how to modify it. Sorry.

If you’re reading this on the blog rather than via the RSS feed, you’ll probably have already noticed the new addition in the top right-hand corner. The way in which the page ‘peels back’ to reveal a link to my educational consultancy business was inspired by a number of sites I’ve seen recently who use it for advertising. It’s remarkably easy to accomplish. Here’s how… :D

After a few initial searches I thought I was going to have to stump up $8 for the script. Not so. I came across this post which offered the script for free download. I’m providing it in the more compatible ZIP format below in case it becomes unavailable elsewhere.

Zip Peel.zip

The README file explains all, but it’s a very simple process:

  1. Extract the ZIP file.
  2. Edit the small.jpg file to your liking.
  3. Edit the large.jpg file to your liking.
  4. Open peel.js in a text editor such as Notepad or TextEdit.
  5. Search for, and replace http://www.dougbelshaw.com with the name of the site to which you want the advert to point.
  6. Upload the peel folder to the root directory of your website.
  7. Add the following between the <head> and </head> just after the <body> tag in the HTML of your homepage:
<script src="peel/peel.js" type="text/javascript"></script>

You should then see something similar to what I’ve got on this site. Let me know if and when you do something similar! :)

]]> http://dougbelshaw.com/blog/2008/01/26/page-peel-script/feed/ 83