Pin It

Tutorial make Float Image in Blogspot

8:03 PM

(2) Comments

Meet again with the trick-id, in this post I will explain about floating image i the blog.
Float Image, maybe you've seen the float image. Float Image is an image that floated in the blog, pictures are always in place even though the blog on the scroll. For clarity, the following are examples of the float image, the example here



You see this picture?



That is the float image, if you want to create and put it in your blog, I will explain in this post.
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 SAVE TEMPLATE
Now See the result, float image is in your blog

visit : trick-id.blogspot.com

2 Responses to "Tutorial make Float Image in Blogspot"

November 14, 2011 at 2:37 PM
Masih bingung Gan !!
avatha said :
November 15, 2011 at 8:32 AM
confused about where the point....

Post a Comment