samedi 26 décembre 2009

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:

Happy New Year

Image 2:

Happy New Year

Image 3:

Happy New Year

Image 4:

Happy New Year

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)

Blogger layout

edit html blogger

Expand widget templates blogger

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 :



5.And place this code Directly Above :


  • For Image 1 Add This Code :





  • Happy New Year




  • For Image 2 Add This Code :





  • Happy New Year




  • For Image 3 Add This Code :





  • Happy New Year




  • For Image 4 Add This Code :





  • Happy New Year






    Sponser:A unique auction site where brand new products, such as Nintendo Wiis, iPods,laptops, digital cameras and LCD TVs sell for prices that can only be described as totally mad.Click below to visit:
    Bidhere.com



    To add a second floating image just repeat the steps making sure to add the image to a different corner,to use your own image replace the image URL with your own image URL.

    We Are Nearly Finished - First A Quick Reminder:
    If you need more help or have an opinion or suggestion Please leave a comment Below.
    This is a Do-Follow Blog so leaving a comment will also help Your blogs Google rank.


    Of course after the new year you could change the image to a differant welcome image.Leave a comment here if you wish i will send you the code to add a welcome image.

    And that's it save your template and check out your new image...

    Another Christmas time trick for your blog is adding the snow fall effect Click Here to see how.

    Have you added an image to your blog? Let us know what image you liked..

    Libellés : , ,

    0 commentaires:

    Enregistrer un commentaire

    Abonnement Publier les commentaires [Atom]

    << Accueil