How To Create A Page Peel Advertisement In Wordpress !!

How To Create A Page Peel Advertisement In Wordpress !!

var fbShare = {url: ‘http://pcandweb.com/tutorials/how-to-create-page-peel-advertisement-wordpress.html’,size:’large’} 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 [...]

Author : Subhadeep

Author's Website | Articles from Subhadeep

Hello! I started PCANDWEB because i wan't to share what little knowledge i have with the world. You can find me on Twitter!

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

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

Footer Reference

Step 3

In Action

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.

Like this post? Share it!

  • Diggit
  • Delicious
  • Diggit
  • Diggit

Related Posts


User Comments


  1. Ex Boyfriend
    Apr 10th

    My friend on Facebook shared this link and I’m not dissapointed at all that I came here.

    Reply


  2. JessicaQuet
    May 11th

    I am very interested in this

    Reply


  3. Arianamack
    May 13th

    Very nice blog. I totally agree with your thoughts.

    Reply


  4. kaotoxin
    May 20th

    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?

    Reply


    • Subhadeep
      May 20th

      yup, please wait for few days, i’ll do when i get time

      Reply


  5. Paul Adams
    Sep 15th

    I have followed this step by step, and it’s still not working. Could you contact me to see what I’m doing wrong?

    Reply

Leave a Reply

Show Your Last Blog Post
Rss Feeds   Twitter Followers Email Updates

Community Feeds

  • Create a Delicious Type Treat

    If you want to take your 3D typography skills to the next level, then we have an awesome tutorial for you. Learn how to create two tasty type effec…

  • 27 Must-Have Starter Kits For Web Designers

    Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on da…

  • 60+ Awesome Wordpress Tutorials

    Here I have compile a list of “how to create your own WordPress theme” tutorials/articles. I hope this can save your time on searching and pay …

Submit More