How To Add A Fixed Floating Merry Christmas Banner To Your Blog
In this post i will get a bit seasonal and show you how to add a floating Merry Christmas Image to your blog.Once added the image will be situated in the very top corner of your blog as a nice Christmas greeting to your visitors.I have included two different images to try accommodate different templates and adding the image to your blog is quick and easy.
Here's a preview of the horizontal image:
Here's a preview of the vertical image :
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;right: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 :right
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 :
0 commentaires:
Enregistrer un commentaire
Abonnement Publier les commentaires [Atom]
<< Accueil