Free page peel script
I first noticed the page peel script about a month ago. Like many people I have a near phobia of clicking on shiny objects on web-sites I’m not familiar with. But this caught my attention. The top right hand corner of the web-page was shimmering and the corner seemed to be peeled away. The text in the corner said: “Click here”. And I did. I was fascinated. If you hover your mouse over the corner the page will ‘peel away’ to reveal whatever is beneath. It is a very eye-catching and still relatively new way to advertise on your site.
As soon as I saw it, I wanted it for my own blog. I did my usual thing and went looking for a free version of the script. This turned out to be a harder thing to do than I thought. What I found was people trying to sell the script from prices as high as $80 to as low as $5. The closest I could come to free was sites who were running promotions where they would give you the script if you signed up for something else.
I was sorely tempted to pay the $5 to get it but ultimately I just forgot about it – until today. While stumbling around I came across the script for free! I downloaded it and got it running and it works.
Once you download and extract the .rar file all you have to do is:
1. Edit the peel.js script to point it to whatever url you want people to go to when they click on the corner.
2. You then create two images, one is the small 75×75 pixel image that you see when the corner is unpeeled and the other is the 500×500 one that you see when you move the mouse over it.
3. Upload the whole folder onto your web-site.
4. Insert one line of code into the header information of the page you want the peel to appear on.
That’s it! And it’s free!
Download free page peel.
22 Comments »
The comments for this entry can be syndicated via RSS. You can trackback from your own site.
Hello,
I’m glad I could help you out. Enjoy the peeling!
Keep on bloggin,,,
Greetings,
Marco
Comment by Marco (1 comments) — On 10-31-07 at 6:52 am
That is IMHO one of the niftiest selling scripts to have. It works best for more “commercial” sites. I’ve got it too since months ago, but paid a few dollars for it.
Comment by DarrinW (4 comments) — On 10-31-07 at 6:52 am
@ Marco, Thanks again for pointing me towards the script. I’ve found lots of other useful stuff on your site today as well. I’ll definitely be back to visit again!
@ Darrin, I agree with you. I think it’s the most eye-catching type of advertising I’ve ever seen on a web-page. It’s still pretty new though so I suppose that’s partly it too.
Comment by admin (24 comments) — On 10-31-07 at 6:52 am
[…] put the phrase free page peel script (1,910,000 entries) into Google Suggest and aboutblogging.info came out number […]
Pingback by I don’t know much about SEO, but . . . | AboutBlogging.Info — On 10-31-07 at 6:52 am
thanks for this, awsome!
Comment by matt (1 comments) — On 10-31-07 at 6:52 am
No problem Matt. Many have downloaded it but you are one of the first to say thanks!
Comment by Sean McGoldrick (24 comments) — On 10-31-07 at 6:52 am
Great thanks, I was looking around for a free one somewhere and you found it!
Thanks so much!!!
Comment by Sean Gallagher (1 comments) — On 10-31-07 at 6:52 am
Hi guys, I need help. I run a oscommerce website and i like to put it in there, I have tried my it is not working. any help will be grest. my website runs on PHP.
Comment by irfan (1 comments) — On 10-31-07 at 6:52 am
Hi Irfan,
I had a look at your site with Firefox 2 and Internet Explorer 7 and you have got the script installed successfully. It may be that you are using an older version of a browser, such as Internet Explorer 6, which doesn’t recognise the script.
While you have got the script installed what you also need to do is to replace the default jpg images - small.jpg and large.jpg with the images that you want to appear in the corner. The default images are just two blank squares of the size that your images should be.
Comment by Sean McGoldrick (24 comments) — On 10-31-07 at 6:52 am
@ Sean Gallagher
Have fun with it Sean! I think it’s a brillant script and it’s still not too common.
BTW. I had a look at your site. Very nice design work there. If you ever have an spare templates to give away let me know!
Comment by Sean McGoldrick (24 comments) — On 10-31-07 at 6:52 am
Does this script work on a wordpress blog. I believe I installed script correctly but need help on where to install javascript in wordpress. Do I need to edit the header in wordpress under header in theme ediitor?
Comment by Keith Borom (1 comments) — On 10-31-07 at 6:52 am
Aloha Keith!
I’m using Wordpress as well so it works here.
You don’t install the code directly into your template. You instead upload it and the other files to a folder that you call ‘peel’ which you put on the same domain where you host your blog. Before you upload it make the couple of changes advised to you in the ‘readme’ file which comes with it.
Then, as you said, you go into the header section in the theme editor of Wordpress and insert one line of code before the tag which is:
After that the page peel should work.
Comment by Sean McGoldrick (24 comments) — On 10-31-07 at 6:52 am
I love it! Great job, man. Thanks.
Comment by Steve (1 comments) — On 10-31-07 at 6:52 am
Love it but…
I got it to work with WordPress in FireFox it shows but not in IE!?
Any Ideas?
Comment by Mellow (1 comments) — On 10-31-07 at 6:52 am
I use wordpress for this blog as well and it works fine. I know I have a problem seeing it in IE6 but it works in IE7 and also in Firefox where I have placed the code.
Other people have had problems getting it to work in Explorer. Have a look at http://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=50890
“ok, I got it to work in IE. I had to put the script IN the body of my html, not in the head”
Comment by Sean McGoldrick (24 comments) — On 10-31-07 at 6:52 am
Hi I have installed the script and works great in Firefox, but I cannot get it to show in IE7, any ideas?
Thanks
Jerry
Comment by Jerry (2 comments) — On 10-31-07 at 6:52 am
@Jerry
Try having a look at http://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=50890
Other people have experienced similiar problems. It seems to be down to the positioning of the script. The script works for me in Firefox and in IE7 but not IE6. In my case I position the script within the header div.
Comment by Sean McGoldrick (24 comments) — On 10-31-07 at 6:52 am
It will work in IE if and only if u write your script in body tag it will work in IE.
Comment by Sathish Kumar (1 comments) — On 10-31-07 at 6:52 am
[shaun]
Many thanks, I have adjusted the position of the script in the html, and all works great in ie7 and ff, and ie6.
Jerry
Comment by Jerry (2 comments) — On 10-31-07 at 6:52 am
[…] Create A Peel Away Effect On Website [How To] Pageear - free peel away ad Free page peel script […]
Pingback by diarioTHC | How To Page Peel Effect — On 10-31-07 at 6:52 am
[…] Free page peel script […]
Pingback by How To Page Peel Effect - Agregar efectos creativos a las esquinas de tu web « Xyberneticos — On 10-31-07 at 6:52 am
hi, can someone tell me the code of NOT displaying the big 2nd picture and REPLACE it with:
automatically scrolling recent or random posts.
Comment by rex (1 comments) — On 10-31-07 at 6:52 am