December 6, 2009

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:

STEP #1
Log in to Blogger, and go to Layout

STEP #2
Now click on "Add a Gadget" and select it as "HTML/JavaScript" type.

STEP #3
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="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/3428093.png"/></a>
<a style="display:scroll;position:fixed;top:-3px;left:-2px;" href="#" title="Happy Christmas"><img width="100" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/4565148.png"/></a>
<!--XMAS-ICONS-STOPS-HELP-http://bloggerstop.net-->
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 comments:

Anonymous said...

Hey weher can i get emailaddress file this

@salesman.com
@software.com
......

Divya Sai said...

Here's the post: Professional email IDs

Danoxs said...

(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 :)

Reza@Blogging Guide said...

Hey, this can be great if you know how to change your background too. Can you add a tutorial how to change background with snowflakes effect?

Divya Sai said...

@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...

@Daniel
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 www.blogger.com or draft.blogger.com
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 :|

Danoxs said...

@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 :D

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

Divya Sai said...

Ya I know that Daniel, here's the screenshot if you want to see:
http://i50.tinypic.com/2udutms.png
As I have already said, I would really like to mention this from my ealier post, I just want that it whould work for all without conditions.

Danoxs said...

Ohh thats bad :(

Well, it worked with me in old Blogger and in XP. See ya :p

Sai said...

I have tried it in the old blogger too but yeah may be the problem is I'm not on Win xp, switched to Win 7 long back.

Anup @ Hack Tutors said...

Thanks for this coolest stuffs:)

WAsseem said...

Hi Sai, thanks that is amazing !!!

♥♥♥Ria♥♥♥ said...

Love this site!

threza said...

hi...this post has really helped me put in some Christmas stuff on my blog...i appreciate your efforts. Thanks for this.

Sophie said...

Wow, great post. Thanks Sai very much :)

Santa Claus said...

Thanks for this... and ideas of widgets that I can place? i know Google gadgets does this, but if any one knows of any other suppliers, then please let me know. Merry Christmas!!

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy