Create a Float Image to Any Corner of Your Blog or Website

SOCIALIZE IT →

Tweet

---

Here is the step by step guide about creating a floating image with link to any corner of your blog. This is very easy. This image will be fixed on place where you add it although you drag scroll bar.

Add Floating Image to Your Blog

• Login to your Dashboard > Layout > Edit HTML
• Click on "Expand Widget Templates" check box
• Press "Ctrl+F" to find ]]></b:skin>
• Paste the below given CSS Code above this:

#EB_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" is your position where you want to float image. You can change it according to your requirements.

• Now Find </body> tag and paste the code given below above it:

<div id="EB_float_corner">
<a href="http://www.eHowBlogger.com"><img src="http://www.activ-gem.com/images/globe.png" border="0" /></a>
</div>

Note:  Change http://www.eHowBlogger.com with your target url and http://www.activ-gem.com/images/globe.png with your image url.

---

Follow @eHowBlogger

Author:

Zaka Ur Rahman

Get Latest Updates

For Further Reading,

Widgets