Author : Nitin Rohilla

Today, in this article we will Learn How To Add jQuery New Year Fireworks Effect In Blogger Websites. There is no rocket science behind this widget because we have used a modest Jquery functionality which creates an Animated Firework or Crackers Effect. Have you ever witness a Diwali or New Year Eve’s Fireworks? It usually consists of firecrackers of different types. Keeping that in mind, we have created a widget based on Firecrackers. Whenever, a visiter would visit your website it would display Animated Firecrackers all across your site.

Add Fireworks or Crackers Animation Effect in Blogger 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 below script.


<script src='https://code.jquery.com/jquery-1.12.4.min.js'></script>

Step 4. Now, Search for the </body> 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 src='https://code.jquery.com/jquery-1.12.4.min.js'></script>

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 Fireworks or Crackers effect immediately.

We hope this tutorial may have helped you in learning How to Add Fireworks or Crackers Animation Effect 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.