Friday, December 12, 2008

How to add a falling snow effect to blog (blogger or blogspot)

If you want animated falling snow effect on your blog like on this page you should read this article.

Everything you should do to add this effect to blogger blog is to :
  1. Copy this javascript code:
  2. <script src="http://host-jscript.googlecode.com/files/snow.js" type="text/javascript"> /*********************************************** * Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript * Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/ * Please keep this notice intact ***********************************************/ </script>

  3. Go to Layout.
  4. Click on Add Gadget.
  5. Select HTML/JavaScript , for more help on steps 2 -4 you can look post Adding categories to blog subtitle Adding HTML or JavaScript to blog
  6. Enter a title and paste jscript code you copied in first step.

  7. If you are interested in jQuery visit jQuery snow falling effect animation on your blog.

    Or even better you can learn how to make 3D FALLING SNOW HTML EFFECT!

 
ADVERTISE HERE

Very easy and now we have winter atmosphere. For those who want to choose shape of snow flakes I suggest to download instructions how to choose snowflake shape with more than 10 snowflake images like two snowflakes below. If this article was useful for you please follow my blog.

To find more javascript effects visit article: Javascript effects tutorial.




51 comments:

Stephanie aka smacky said...

thanks! it really helps! ^^

Norrdalen said...

Tank you very much for this help!!!

Anonymous said...

this script consumes a lot of CPU to render (my X windows jumps at 100% on one of the CPU cores)

Mark said...

For Stephanie aka smacky and Norrdalen :
Glad to help you.

For rds :

Yes it is true. JScript runs on client machine but on the other side people like snowing effect :)

ratatouille's archives said...

Thanks! Mark,
It's once again snowing in Darkcity!...and no "pun"
intended, but I also book "mark" ed you!
dcd

Anonymous said...

hi can we exchanged links?
hit me back if you want to..

Anonymous said...

Thanks for this......

Anonymous said...

Wow, thank you very much for your help! My blog looks cool.

timelesshome annika said...

Thank you ever so mutch for snow effect I have been trying a coupel of days but you are the only on that have a short direct explanation Thank you and Merry Christmas Annika

Anonymous said...

Thanks so mutch ! It's great !

vosgesparis said...
This comment has been removed by the author.
vosgesparis said...

Really cool!
Thanks.

MoonStone said...

Will this work in the classic blogger template? Love this effect!

moon :)

geevanathy said...

Tank you very much for this help!!!

krieger said...

Hey man, thanx very much..
Congrats on the simple yet effective tutorial..

♥ maaria said...

Thank you! Just love it!

jane augenstein said...

Thank you so much for posting this. I couldn't get the snow to work until I read this; now it's working and looks great! :-)

HD said...

Thank you! Your directions were the best for my non-html friendly brain.

123434325 said...

Thanks for the SNow Stuff =]

kath001 said...

Snow in the immediate forecast! Thanks.

Stine said...

Wow. I have had a great load of trouble trying to make my blog snow. Haha x] And then I found this, and it just.. works. Thank you!

esyrecipes said...

thanks

Toma said...

I could not add!!!
no idea why!

Mark said...

Hi Tomushka, you just need to copy code in post and paste code in gadget.

william manson said...

thanks a million friend for this....

Brittany + Casey said...

thank you! thank you! thank you! ^_^

nut said...

thanks! it really helps! credits or you!

Abhijit said...

Thanks a lot...............

Mikael said...

Thanks!! Works perfect :-)

Debby@Just Breathe said...

This is the first snow that I have gotten to work but it's only snowing on one side. What should I do.

Genny said...

When I added this to the gadgets on my blog at blogspot, the script made the snow come out of the side in a straight line. Then I got an error message saying script error html 5. I've used it before and it worked great, but I can't get it to work now. )o:

Anonymous said...

The same for me it is not working now after I change to blogger templates. What can I do?

Erika

Q said...

I'm not sure this works with the new Blogger templates. Any ideas why not?

Heather said...

I'm having the same problem Genny describes. I used this last winter with no problem, but now, I just get a little line of rapidly-flickering white dots. Any advice?

Heather Jones said...

Hi! This is an amazing script. I like it! Much better than any marquee code. But I have just one problem, any idea why I have a scroll bar that now appears at the bottom of my site, it comes and goes?

http://mommyonlyhastwohands.blogspot.com

Ténèbres à la lumière... said...

Hi! Mark...
Do you have a javascript for a rain code or do you and your readers, know of a website where I could go in order to install a rainscript on my blog that work?

I visited a website that had a rain code that worked, but my computer crashed and I lost the website address.
Thanks,
DCD

Snöskottning said...

thanks... :) :)

outlast cooling blanket Added said...

Wow!! Great such a good post this is very very informative post I really inspired with this you have provide us a good knowledge.
Thank you for sharing with us.

Bharat said...

wow good post..thank u

N said...

I want to add this for my blog, but this snowflakes isnt what I want. I want a fallling snowflakes like your blog. But thanks..
This is so helping me

sewa mobil said...

This is a nice article.....I learn so much from this. Thankyou

desicityguide.com said...

Thanks for the great post, I can use it for the holidays.

Kelly Jeanette Swift said...

Not working for me on a blogger template. Can you help?

Mark said...

To Kelly Jeanette Swift:
Did you follow the steps?

If snow effect doesn't work you can send step by step what you do and then maybe I can answer to you.

Daniel said...

For me, the little dots race horizontally across the top of the screen, this is also the case though for all the other snow effects I tried.

Ginevra Rodex said...

It doesn't work for me :(

fayaz said...

THANKS buddy your scipt helps a lot thanks for it and hear is my blog look at it http://docinamachine.blogspot.com/

chaussures nike air max said...

J'aime beaucoup toutes ces couleur!
en ce moment, j'aime vraiment toutes tes tenues; les couleurs te vont vraiment bien!

Unknown said...

His subject is good, long while I find this topic and I think it is here, many thanks guys .
snow powder

Food Lover said...

It worked perfectly thanks! :)

aybardumlu said...

Thank you. Thats nice.