Decorate Your Blog With These Awesome Xmas-Icons

Blogger XMAS Celebrations This christmas decorate your blog exactly the way you decorate your home with attractive stars, balls and snowflake icons. All these icons have tranparent backgrounds, to perfectly blend with your template. You can use any number of icons and even a mixture of the icons [but you have to manually combine two or more pictures using photo-editing software like Adobe Photoshop or Paint.Net (freeware)]

Have a look on the demo [Live Demo]:

Blog*Spot Christmas Decoration

Instructions to add similar xmas icons to your blog:

Log in to Blogger, and go to Layout

Now click on “Add a Gadget” and select it as “HTML/JavaScript” type.

Leave the title field empty and paste this code in to the content part:

<!–XMAS-ICONS-STARTS–><a style=”display:scroll;position:fixed;top:-3px;right:-2px;” href=”#” title=”Happy Christmas”><img width=”100″ src=””/></a>
<a style=”display:scroll;position:fixed;top:-3px;left:-2px;” href=”#” title=”Happy Christmas”><img width=”100″ src=””/></a>

To use icons other than those used in the code above, replace the links in RED color with the direct links (see below) of your desired icons. Remember to change the width the of the icons to fit them well in your blog without disturbing other content of the blog.
The code highlighted in blue is to adjust the position of the icons, use other numbers like -3, -5, -10 etc. to understand how you can change the position of the icons.
You may delete the position:fixed; element from the code too.

More icons can be downloaded from here

BloggerStop Xmas Icons

Stuff like this:

Credits for the icons:
1. Icons by Deleket [DeviantART] 2. Icons by LeoHutter
3. Icons by Petercui

More icons to download and use:
1. Icons by By Arrioch
2. Icons by Bu Kidaubis
3. Icons by By Cyberella
4. Icons by Cooliojulio

Other than these icons you can also add Christmas carols and falling snowfalkes to your blog.

Add Animated Falling Snowflakes to Your Blog

Add Christmas Carols to Your Blog

15 thoughts on “Decorate Your Blog With These Awesome Xmas-Icons

  1. (Please don't take this as SPAM)
    A little off-topic, but you should implement this tutorial to "Add Yahoo! smileys to comments" post..

    It's about a script that let's you use emoticons (Like the ones in WordPress), so if you could post it.. I made the traduction LOL.. Take a look..

    See ya Divya πŸ™‚

    View Comment
  2. @Reza,
    Actually I already have a post on how to change the background and then the other one on adding snowflakes, but couldn't get your point of combining these two…can you please elaborate on this…

    First of all nice cat (in your sidebar) and that santas' hat in your logo looks really cool πŸ™‚
    Regarding those new icons, I tried that script in my FF 3.5.5 but I couldn't see any icons in either or
    I never mind adding add-ons to my previous tutorials, but I usually prefer tricks/hacks that will work in almost all browsers. I think there's another similar hack too, but I don't remember the blog where I saw it 😐

    View Comment
  3. @Divya: Well, I think that's because they appear in the second option of writing posts..

    There are 2 modes (I think), one to see the HTML tags, and the other is the "Preview" mode to see the working tags (In spanish is "Redactar", so I think in English would be something as "Redact")

    Those icons only appear in the "Preview mode"

    Tell me if works πŸ˜€

    BTW: If you prefer on not to post it, it's ok, just wanna tell you xD

    View Comment

Leave a Reply

Your email address will not be published. Required fields are marked *