Most of the good page peel script available on internet comes for a premium, i have gone through many free script some based on jquery, but those looks very basic and unattractive, but thanks to Christian Harz of Webpicasso, he have create a great pagepeel script based on flash and highly and easily customizable comparable to best premium scripts available. We’ll learn to integrate his pagepeel script in wordpress and attract visitors.
Those who don’t know about pagepeel advertisements they should rather visit Webpicasso and check it for themselves. Pagepeels are also known as magic corner, Peel Adv, etc It takes a very small space in the corner and when ever user hovers over the corner the page peels up and shows the adv. It is highly efficient form of advertising and have high CTR rate. The steps highlighted in tutorial is also applicable for any other type of dynamic or static site.
Step 1
Creating Page Peel Adv for your wordpress site is very easy, the first thing you need to do is download pageear 1.4 HERE. Then extract it and open the pageear.js in wordpad and change “yoursitename.com” to your site url and “themename” to your theme’s name.Change the other settings as mentioned in javascript. Then upload the whole pageear folder in your site’s theme directory. In my experiment i’m using the theme normal, so the folder should be placed in the normal folder.
Step2
Now open header.php in the themes folder and add the below line just before the end of </head>
<script src=”<?=bloginfo(‘template_url’)?>/pageear/AC_OETags.js” language=”javascript”></script>
<script src=”<?=bloginfo(‘template_url’)?>/pageear/pageear.js” type=”text/javascript”></script>
Reference Header
Next Open footer.php and add the below lines just before the end of </body>
<script type=”text/javascript”>
writeObjects();
</script>
Footer Reference
Step 3
In Action
Test your blog if everything is working properly then change the images to suit your needs. For those who does’nt want to code or are not familiar with all structures you can use pagepeel plugin, it can be downlaoded HERE. But I’d highly recommend to add it by hand as that will not tax your server with unnecessary processing of extra codes. Hope you enjoyed the tutorial, do comment if u did. Thanks!!
Rather breaking the bank with pricey dedicated servers, swith over to cheap web hosting as cheap vps.
Ex Boyfriend
My friend on Facebook shared this link and I’m not dissapointed at all that I came here.
subhadeep
Thanks, always fond of comments
JessicaQuet
I am very interested in this
Arianamack
Very nice blog. I totally agree with your thoughts.
kaotoxin
Seems really the one I was searching for: no plugin, plain code, easy to configure… but not working with my 2.7.1 install ;( Do you plan the needed changes to make that tut’ compatible with newer WP installs?
Subhadeep
yup, please wait for few days, i’ll do when i get time
Paul Adams
I have followed this step by step, and it’s still not working. Could you contact me to see what I’m doing wrong?
web design media
if these can be created for html website ? how to do that in dreamweaver using jss ?
Subhadeep Gayen
refer to http://www.webpicasso.de/blog/pageear-free-peel-away-ad/
prince kapoor
page peel plugin is much easier than the codes
anyways thanks for the info. gonna use it soon
James
Hi there
Can i plz ask you how can i make this plugin place anywhere. because i want it can move not only in the top right corner.
Thanks for your reply
Marshall
Hey Subhadeep, you are genius
Going to try it on my site. I have seen the same thing on so many other websites.
The title of the post is what attracted me
Thanks again
Marshall
WordPress Guru
We are doing a WordPress installation for a client who is changing their logo. This is going to work very well to show their old logo at the back while overlaying the new one on the top of the page peel.
Thanks for sharing.
emi
is there any way to configure the plugin, to show the page peel anly in the front page instead of in the entrie site?
thx