How To Create Float Image for your Blog

Hi dear visitor here is the cool hack for blogger. today We will make a float image that can be located in our blog. You can use it for advertising, Image, RSS, Link or else. Blogger  who want to make space for advertise for her/him blog just follow this simple steps,and please share this post with your friends. thank you!

1.log in to your dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Template

3.Scroll down to where you see this

]]></b:skin>


4.Then put the below code 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);}


Note: "bottom", "left" are its position.you can change it with "top", "bottom", "left", "right"


5.Now put the below code before </body> tag.



<div id="float_corner">
<a href="http://2009bloggertemplates.blogspot.com"><img src="http://i626.photobucket.com/albums/tt346/wam8387/sun.jpg" border="0" /></a>
</div>


Save Template and preview your blog.