Hello, We Changed Our Cloth, How It Is Looking? Leave Your Feedback At Our Page.

Friday, June 21, 2013

Awesome Corner Page Peel Effect On Hover With RSS Link

This Article Was Live On: Friday, June 21, 2013 And Till Now HaveNo comments.
Awesome Corner Page Peel Effect On Hover With RSS Link.

Sometime you can see some blogs at the top corner when you can move cursor to that flipped page that corner flipped page animate and you can see the notes behind that. Most of people understand that this effect is make by any flash content but its not true. You can also put that type of effect in your blogger. In this post you can see how to add that type of animated content in your blog. Do you heard about page peeling effect? If not then you can the screen shoot below. You can place ads, your twittericon,rss feed, your face book icon and etc. 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. Without wasting the space of your page by adding page peeling effect to your blogger Here I am going to show you how to add a page peel effect on Blogger.


1.) Awesome And Stylish Widget.
2.) Only One Latest J-Query Added.
3.) HTML-CSS-JavaScript-JQuery Code Used.
4.) Quick To Load And Easy To Install.
5.) Fully Customizable Code.
6.) You Can Add Anything Behind The Fold.
7.) Smooth Peeling Effect Added.
8.) Link To RSS Feed Image Pre-Added.
9.) Better To Increase Your RSS Fetcher.
10.) Attract Your Visitor To See The Behind Text/Image.

How To Add In Blogspot?

1.) Go To Your
2.) Open Your Desire Blog.
3.) Go To "Template".
4.) Click "Edit HTML" .
5.) Click "Ctrl+F" To Find </head> Tag.
6.) Now Copy The Below Code And Paste It Before </head>.

<!-- Awesome Corner Page Peel Effect On Hover With RSS Link Start By>
<script src='' type='text/javascript'/>
<script type='text/javascript'>
$("#exe_corner").hover(function() {
$("#exe_corner img , .exe_corner_image").stop()
width: "307px",
height: "319px"
}, 500);
} , function() {
$("#exe_corner img").stop()
width: "50px",
height: "52px"
}, 220);
width: "50px",
height: "50px"
}, 200);
<style type='text/css'>
#exe_corner {position: relative;right: 0; top: 0;float: right;z-index:99999;}
#exe_corner img {width: 50px; height: 52px;z-index: 99;position: absolute;right: 0; top: 0;-ms-interpolation-mode: bicubic;}
#exe_corner .exe_corner_image {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url( no-repeat right top;}
<!-- Awesome Corner Page Peel Effect On Hover With RSS Link End By>

7.) Now Copy The Below Code And Paste It After </head> But Before <body> Tag.
8.) Click Save, Now You Are Done.

<!-- Awesome Corner Page Peel Effect On Hover With RSS Link Start By>
<div id='exe_corner'>
<a href=''><img alt='EXE-Corner-Image' title='Subscribe Our NewsLetter' src=''/></a>
<div class='exe_corner_image'/>
</div><!-- Awesome Corner Page Peel Effect On Hover With RSS Link End By>


1.) Just Change The Blue Text With Your RSS Link.
2.) Save And Done...

You Like It, Please Share This Article Using...

Don't Forget To Read This Also...

No comments :

Speak Your Mind:

Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Notify me" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quires contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) Your comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfil the requirements.