Sunday, November 27, 2011

How to Create Float Image (Easy Step)


Back again on the post blogging tips and tricks. On this occasion the author will discuss about How to Create Float Image on the blog. What is Float Image? readers may ask that in the liver. Float Image is an image contained on the blog, usually found on the corner. Examples can be found here (SONIC image on the bottom left corner).

How to make are as follows:
1. Log in to your blog.
2. Click Design -> Edit HTML.
3. Find the following code
]]></b:skin>.
4. Copy and paste the following script in the above code ]]></b:skin>.

#example {
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 : Bold red text is the position of the image. You can replace your like.

5. Next step is to place the following script before the code </body>.


<div id="example">
<a href="http://computersharing31.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>

Note :
[-] http://computersharing31.blogspot.com = Replace with your blog URL address.
[-] http://kendhin.890m.com/soniclari.gif = Replace the image URL address where you upload the picture.

6. Save.

If you are experiencing difficulty in installing the Float Image please ask by commenting at the end of the posting. Thank you for visiting and hopefully useful.


Posted By : Yudo'S Blog 31

See also other tips and tricks:

0 comments:

Post a Comment