Home » Blogger Tutorials, Tricks and Hacks » Blogger Beginners » How to Create a Christmas Snowfall Effect

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How to Create a Christmas Snowfall Effect

How to Create a Christmas Snowfall Effect

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

411 views

Today I’m featuring a timely effect by one of our favorite designers, Paul Crowe of Spice Up Your Blog. Featuring snowflakes of various sizes, this animated snowfall effect is perfect for sprucing up your website for the holidays, plus it’s fairly easy to execute. Once you’ve gotten the hang of the basic code, you can also try tweaking it to your liking to change the snowflakes according to size, color, and frequency.

Make sure you’re using the new Blogger dashboard for this.

1. Open your Blogger dashboard menu, then click on Choose Template >> Edit HTML.

Watch Paul’s video below:

 

2. Click Ctrl+F to locate </head> in your blog’s HTML code.

3. Copy & paste the following code before </head>. However, if your blog’s HTML already has the first line of jQuery code (highlighted in red) then there’s no need to add that line anymore.

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js’/>
<script src=’http://yourjavascript.com/61532113121/new-snofall.js’/>

<script>
$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: ‘#ffffff’ });
});
</script>

4. You can also change the code’s settings (highlighted in green) by following the format below:

minSize: 25, Adjusts the minimum snowflake size.
maxSize: 100, Adjusts the maximum snowflake size.

 

newOn: 300, Changes the snowfall frequency (the higher the number, the more snowflakes).
flakeColor: ‘#ffffff’ Allows you to change the snowflake color. You can also use text colors ( eg. ‘blue’) or HEX.

 

For any other questions, you can get in touch with Mr. Crowe via his blog post here.

Liked It ? Please Share

Comments

23 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Yomiprof says:

    Hello Carmela Maraan, i really enjoy your post. It’s insightful, educative and wow. Keep it up!

  2. sadia says:

    Very helpful post. Thanks for sharing………

  3. James says:

    Thank you very much for this tutorial.

  4. Best Hoodies says:

    Dar Carmela Maraan/
    Very Nice Infor and awassom article. i like this post thankx to sharing with us

  5. OBAT KANKER says:

    TERIMAKASIH ATAS INFONYA SEMOGA BERMANFAAT….

  6. Fish Feed says:

    Wow! Thanks for this tip. I’ll definitely implement it on my blog this December.

  7. Bookmarked! Awesome post. I love this blog design. How do I implement it on blog?

  8. Please what’s the name of this blog theme?

  9. uche francis says:

    wow thanks dear. I really gained a lot from this post. Do keep the good work.

  10. terima ksih infoya..semoga bermanfaat

  11. Thanks for sharing this! I hope to implement the effect on my business blog.

  12. Please what is the name of this blog theme?

  13. Christmas is already here. I will need to use this on my fish farming blog as soon as possible. Thanks.

  14. Can I change the background colour of the effect?

  15. I appreciate your help with these beautiful customization. Bookmarked!

  16. I have added your blog to my list. This effect looks so cool my friends are asking about it.

  17. The code does not work on my blog. What’s the problem?

  18. Bead says:

    Where do I locate where to paste the code?

  19. Do you have any other Christmas effect for my business blog?

  20. ummed says:

    I m facing problem to add this code in my blog source code:

    $(document).ready( function(){
    $.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: ‘#ffffff’ });
    });

    Error: displaying:Error parsing XML, line 1236, column 13: Open quote is expected for attribute “{1}” associated with an element type “src”.

    Please help me how this kind of problem will be short out.

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here