In HTML code: Floating Picture

x HTML code
Make floating picture with HTML code



In your Blogger dashboard Click Design > Edit Html > Tick The Expand Widget Templates Box.
Code in html floating picture is:



Find the following piece of code in the html: ]]></b:skin>


Copy And Paste the following code directly above: ]]></b:skin> 
 #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);}

Find the following code in your blogs html : </body>
Copy And Paste the following code directly Above: </body>
<div id="float_corner">
<a href="ENTER TARGET URL HERE">
<img src="ENTER IMAGE URL HERE" border="0" /></a>
</div>


First step:
#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);}
]]></b:skin>

Note - You can change the following attributes bottom :left to place the image in different corners : top left, top right, bottom left, bottom right

Second step:
<div id="float_corner">
<a href="alamat URL yang dituju">
<img src="alamat image yang akan digunakan" border="0" /></a>
</div>
</body>