Peel-Back Corner

Posted on October 26, 2009 and last modified on October 27th, 2009.

Love ‘em or hate ‘em, the Peel-Back corner is gaining momentum across the Net and is surprisingly easy to add [or remove].

First thing then, I will show you how to remove it.

Open your header.php file and look for the following piece of code:

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

You can either comment it out [by adding , so that you can use it later or if you prefer, remove it completely.

If you decide to remove it completely, you should also delete the directory in your theme files called 'peel'.

For those who wish to keep it but put their own little slant on things, read on...

The Peel-Back corner is also very easy to edit.

Open the 'peel' directory and look for the file called 'peel.js'. This is a javascript file and even if you do not know much about code, it is very easy to make the necessary changes.

Open the peel.js file in a text editor and look for the following line [line 3]

jaaspeel.ad_url = escape('http://www.freshlypressed.net');

Change the http:// address to wherever you wish the Peel-Back to link.

Next, take a look at the next two lines of code:

jaaspeel.small_image = escape('/WP284/wp-content/themes/FreshlyPressed/peel/fp75.png');

This is the first of two images you need to change. The first one is the little image you see in the corner before you peel back. You can place any image here. A recommendation though – make sure it is 75×75 pixels and I would also recommend you save it as a png.

One last step:

Slightly further down in the code you will see the following:

jaaspeel.big_image = escape('/WP284/wp-content/themes/FreshlyPressed/peel/fp500.png');

This is the larger image that you see when you peel the corner back. It is 500×500 in size and you just need to edit it and place your own in it’s place.

Save it all and make sure your images in the correct location [as specified in the code above] and hey presto – you have your own, new Peel-Back.

Life huh – it’s so easy sometimes!

Difficulty Level: Easy to Medium

How to use the JW ImageRotator

Customised Front Page

Simpleviewer Galleries

Set Individual Styles for Specific Posts

Set Specific Stylesheets for Pages

About the author

James has added 29 posts to this site so far...

Founder and co-admin at FreshlyPressed, James also runs and maintains many, many other sites including JamesICT which is very much focussed on WordPress and all of its little idiosyncrasies. He now lives in Brighton, England with his fiancée and writes novels in his spare time. His latest work, 'Procrastination Expectancies' is due out later this year - or maybe the year after that! [more...]