Tuesday, October 27, 2009

How to add a fixed floating image to your blog

How to add a fixed floating  image to your blogA 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:

Home

When clicked it leads back to my blogs home page.

This is the second :

Rss Feed

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 :
Great Deals from TheNerds

</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 :

Home
URL for this image:



Rss Feed
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 !





Jump To Comments

Subscribe To The Rss Feed Or Recieve The Latest Posts By Email

Get The Latest Full Posts By Email - It's Free
Write About Or Link To This Post On Your Blog - Easy Links :
Link Directly To This Post :

Link To The Homepage :
Hey ! People That Read This Post Also Loved These Posts
Still Looking For Something ?
Search This Blog
Custom Search
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.
blog comments powered by Disqus
 

Some Money Makers For Your Blog

1. Info Barrel Paid To Write, if you can write a blog you can write for I.B.

1. Xomba Paid To Write, Another great paid to write articles website

3. Chitika Ads For Your Blog, work well alongside AdSense

Thanks For Calling

free counters

Five From The Archive

Who Writes This Stuff ?

Hi Im Paul Crowe,

The Author Of Spice Up Your Blog To Get More Info About Me View My Full About Me Page.

Drop Down Archive

Admin Links