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
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
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
Post a Comment for "How to Create Float Image in Blogspot"
Blog ini dofollow, jadi silahkan berkomentar dengan bijak