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> - Replace red text with your feedburner ID
- Save Template.
Good luck !
0 comments:
Post a Comment