Add Page Peel effect on Blogger

Do you heard about page peeling effect? If not you can see the above screenshot. You can place ads, your twittericon,rss feed, your face book icon and etc. without wasting the space of your page by adding page peeling effect to your blogger blog.

This awesome trick used by many professional and other Websites/Blogs.This page peel attract Blog visitors and they may have the tendency to click on ad and your earnings increases.Also this page peel can be used to increase your Subscribers.Here I am going to show you how to add a page peel effect on Blogger.

How to Add this on Blogger?

First go to your DASHBOARD>> DESIGN >> EDIT HTML
Find the following code pressing CTRL + F

</head>

Then replace the above code with following code

<style type="text/css">img { behavior: url(iepngfix.htc) }#peeloff {position: relative;right: 0; top: 0;float: right;}#peeloff img {width: 50px; height: 52px;z-index: 99;position: absolute;right: 0; top: 0;-ms-interpolation-mode: bicubic;}#peeloff .msg_block {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url(http://2.bp.blogspot.com/-lPbDnLF2nLc/UHZce7i400I/AAAAAAAAAKU/UoD50iPYs3s/s1600/rss.png) no-repeat right top;}</style><script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/><script type='text/javascript'>$(document).ready(function(){//Page Flip on hover$("#peeloff").hover(function() {$("#peeloff img , .msg_block").stop().animate({width: '307px',height: '319px'}, 500);} , function() {$("#peeloff img").stop().animate({width: '50px',height: '52px'}, 220);$(".msg_block").stop().animate({width: '50px',height: '50px'}, 200);});});</script>  </head

The image appeared inside the opened sleeve can be changed by changing the red coloured URL of the above code (Change that red coloured URL with your image URL).
Now find the following codeby pressing CTRL + F on your key board

<body>

Now replaced the above code with the following code

<body><div id='peeloff'><a href='Your Facebook/twitter/feedburner/ads URL HERE'><img alt='' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSr35tH8qZ6-xHy-GiVviU-lJOja8Hi_VMHDbMdEoCaP62QfSR-ZZcjgMNLbV7a5tf9bsVnMIjqkShgZM-WpYuuGhjqt20-veBbQwS92ABuFRANWQ3_dlLxBlsoU-mNDiITNNLfWbo8xha/'/></a>
<div class='msg_block'></div></div>

You can changed the blackcoloured sleeve which opens once you bring the mouse over it by changing the red coloured link in above code with the image URL you would like to be appeared there.
Add your facebook/twitter/feedURL in the place of Your Facebook/ twitter/ feed/ads URL HERE in above code.