Add A Fixed Floating Happy New Year Image To Your Blog
As we close in on the new year we will look at an easy trick to add a fixed new year banner to your blog.Once the tip is added the image will be situated in the very top corner of your blog as a Great New Year greeting to your visitors.I have included four different images to try accommodate different templates and adding the image to your blog is quick and easy.
Here's a preview of the images you can choose from:
Image 1:

Image 2:

Image 3:

Image 4:

You can see a live demo of the float image working click here..
You could also find your own image and use that.
Lets add it to your blog :
1.Click Layout-->Edit html for your blog
(Tick the 'Expand widget templates' box)
2.Find the following piece of code in the html:
(Click 'CTRL & F' for a search box to find the code)
]]>
3.Now Add the following piece of code Directly Above ]]>
#float_corner {
position:fixed;_position:absolute;top:3px;left:3px;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 : top :left
Change them to make the image appear were you like :
top left
top right
bottom left
bottom right
(left is usually the best way to go)
4.Now find this code in your html :
0 commentaires:
Enregistrer un commentaire
Abonnement Publier les commentaires [Atom]
<< Accueil