Spice Up Your Blog

A floating image is an image that will always appear in the corner of your blog even when you scroll up and down the page.

In this blog you can see a floating image most of the time i change them regularly at the moment i have two :.

If i am not currently using it click here to see a live demo

This is the first:



When clicked it leads back to my blogs home page.

This is the second :



It leads to my blogs Rss Feed.

Heres how to add a floating image to your blog:


1.Click Layout-->Edit html for your blog

Tick the 'Expand widget template' box.

2.Find the following piece of code in the html:

]]></b:skin>

3.Add the following piece of 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);}

You can change the following attributes : bottom :left
Change them to make the image appear were you like :

top left
top right
bottom left
bottom right

4.Now find this code in your html :

</body>

5.And place this code before it :

<div id="float_corner">
<a href="ENTER TARGET URL HERE">
<img src="ENTER IMAGE URL HERE" border="0" /></a>
</div>

You Must change the following attributes :

ENTER TARGET URL HERE - Place the address you wist the image to lead to when clicked here.

Example: http://www.spiceyourblog.info

ENTER IMAGE URL HERE - Place the Url of the image you want to use here.

Example : http://i941.photobucket.com/albums/ad259/spiceupyourblog/info.jpg

We Are Nearly Finished - First A Quick Reminder: If you need more help or have an opinion or suggestion Please leave a comment Below. It also really helps me with future posts if you let me know if a tip has worked on your blog. This is a Do-Follow Blog so leaving a comment will also help Your blogs Google rank. OK Back to business....

(You can find images on image hosting websites like Photobucket)

If you wish to use the images i use in this blog here they are with their Image URL :


URL for this image:




URL for this image:



To add a second floating image just repeat making sure to add the image to a differant corner.

---

Did You Like This Post ? Click Like Below To Let Us And Your Friends Know - Thanks !

---

Important Must Read Before Posting A Comment

In order to keep our comments Do-Follow we have some guidelines you need to follow.
Do not put links in the body of your comment as it will automatically be blocked !
Asking a question ? Make sure to tick the subscribe to comments by email box to be alerted of the reply.