How to Install Page Flip

Sabtu, 10 Desember 2011

How to Install Page Flip

Posted on 04.44 by ABOUT ME

Optimize your blog visitors to read your rss feed, by registering on feedburner. As we know, feedburner is the most popular services. By installing the widget from feedburner course will help you to promote your blog via rss feed. There is one way to help you promote your feed, by placing page flip on the blog.

Page flip is like an animated image, which usually are in the top right corner, and when the mouse in the spotlight, the image will open like paper. you can see the demo here.

Please login to blogger with your ID

Klik pada Edit HTML

Put the following code above ]]></b:skin>

#pageflip { position: relative }
#pageflip img { border:none; width:50px; height:52px; z-index:99; position: absolute; right:0; top:0; -ms-interpolation-mode:bicubic }
#pageflip .msg_block { width:50px; height:50px; position:absolute; right:0; top:0;
background:url(http://lh5.ggpht.com/_7Y9pl24WpQY/S1sO-qUjmxI/AAAAAAAACwU/DrjPrO1XXaU/page%20flip_thumb%5B1%5D.png?imgmax=800) no-repeat right top; text-indent:-9999px }

Copy all the script code (click here) and then place under ]]></b:skin>

Then place the following code right after <body>

<div id='pageflip'>
<a href='http://feeds.feedburner.com/your name' target='_blank'>
<img alt='' src='http://lh6.ggpht.com/_7Y9pl24WpQY/S1sO3NyCTSI/AAAAAAAACwM/6DxgJaTzsdc/page%20flip%20image_thumb%5B1%5D.png?imgmax=800'/>
<span class='msg_block'/>
</a>
</div>