How to Create Float Image In Blogspot
>> –
Blogging Tips
This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. You can put an image, widget, clock etc on the corner.Step by step to create Float image.
1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]> then put the code below above it. #float_corner {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);}
3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right" 4. The next step is put the code below before tag
"http://Yourblog.blogspot.com" is a link."http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.5. If you wanna fill it with a widget, change the red code with your widget
1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]> then put the code below above it. #float_corner {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);}
3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right" 4. The next step is put the code below before tag
"http://Yourblog.blogspot.com" is a link."http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.5. If you wanna fill it with a widget, change the red code with your widget