Add Cool Page Peel Effect To Your Blog

This is another cool effect for blogger. You can use this effect to increase followers and likes.

Page Peel Effect

Follow these steps

  • Open your blog.
  • Go to template > Edit HTML

Search for this code </head>

Copy and Paste this code after </head>

<script src='' type='text/javascript'/>

 $("#pageflip").hover(function() {
 $("#pageflip img , .msg_block").stop()
 width: '307px',
 height: '319px'
 }, 500);
 } , function() {
 $("#pageflip img").stop()
 width: '50px',
 height: '52px'
 }, 220);
 width: '50px',
 height: '50px'
 }, 200);

  • Now search for  ]]></b:skin> and add this code

/* Page Flip by Tutes Inside */
 #pageflip {
 position: relative;
 right: 0;
 top: 0px; /* Change to 30px if you have the navbar (navigation bar) */
 float: right;
 #pageflip img {
 width: 50px;
 height: 52px;
 z-index: 99;
 position: absolute;
 right: 0;
 top: 0;
 -ms-interpolation-mode: bicubic;
 #pageflip .msg_block {
 width: 50px;
 height: 50px;
 overflow: hidden;
 position: absolute;
 right: 0;
 top: 0;
 background: url( no-repeat right top;
 #pageflipMirror {
 position: static;
 right: 0;
 top: 0;
 float: right;

  • Now search for <body> 
  • Copy and Paste this code below

<div id='pageflip'>
 <a href=''>
 <img src='' style='width: 50px; height: 52px; overflow-x: hidden; overflow-y: hidden;'/></a>
 <div class='msg_block' style='width: 50px; height: 50px; overflow-x: hidden; overflow-y: hidden; '/>

Note Change pic URL with your pic URL to change pic.

I like blogging as much as I like coding and designing though not more than traveling.
If I'm not here publishing stuff then you will find me researching about SEO and marketing.
Love to meet new people and try to help every person.
Find me interesting or have any issue?
Shoot a message and I'll be with you.


Don't forget to check 'Notify me' box to get notification of reply.