How to Create Float Image :
1. Login to your Blogger Account
2. Goto Design(Layout) -> Edit HTML
3. In your template, put this code above code ]]>
#float_image {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

the code with red colour are the position of the image, you can change it to right, left, bottom, and top

4. Then, put following code before

http://trick-id.blogspot.com is image link and http://i496.photobucket.com/albums/rr329/grandisyf/74.gif is the image url, change it with yours

5. The last steps is click Save Template

Now See the result, float image is in your blog

0 comments:

Post a Comment

 
For Window 7 © 2014- All Rights Reserved. Powered by Blogger
Top