Author : Nitin Rohilla

Today, in this article we will Learn How to Add Christmas Snowfall Animation Effect to Blooger with jQuery. There is no rocket science behind this widget because we have used a modest Jquery functionality which creates an Animated Christmas Snowfall Effect. Welcome your website or blog visitors with falling snow on this Christmas. Keeping that in mind, we have created a widget based on Snowfall Animation Effect wth jQuery. Whenever, a visiter would visit your website it would display Animated Snowfall all across your site.

Christmas Snowfall Animation Effect to Blooger with jQuery

VIEW DEMO


The steps mentioned below are extremely straight forward and would take less than 2 minutes to complete the integration. There is no need to learn anything just follow the steps as they are mentioned below.

Step 1. Go to Blogger Dashboard
Step 2. Click on Theme >> Edit HTML
Step 3. In the Theme Section, Search for the </head> tag and just above it Paste the Entire jQuery Coding. That's It.


  • If jQuery is already have been added into your theme, remove below line from the above code <script type="text/javascript" src="https://code.jquery.com/jquery-1.6.min.js">
  • If you don't want special device orientation effect in mobile devices set this false) deviceorientation : true

Optional Tricks:
If you want to show this animated Fireworks effect on your entire website then you have done it or if you want to show this effect on particular sections or pages of your website then these conditional tags will help you.

  • For Home Page Only
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Add jQuery Code Here
</b:if>

  • For Posts Page Only
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Add jQuery Code Here
</b:if>

  • For Static Page Only
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Add jQuery Code Here
</b:if>

  • For Labels Page Only
<b:if cond='data:blog.searchLabel'>
Add jQuery Code Here
</b:if>

  • For a Particular Page Only
<b:if cond='data:blog.url == &quot;https://blog.myshayarizone.com&quot;'>
Add jQuery Code Here
</b:if>

Replace https://blog.myshayarizone.com with the URL of your website page or post.


You Done It: After editing, Save the Template by Pressing “Save Template” button and open your website or blog and see the animated Christmas Snowfall effect immediately.

We hope this tutorial may have helped you in learning How to Add Christmas Snowfall Animation Effect to Blooger with jQuery in your blog or website. If you find any difficulty then don't be hesitate to CONTACT US.
You can find Hindi Shayari SMS Whatsapp Status DP Wallpaper Image for every mood or emotion at My Shayari Zone.