How to Add Animated Jquery Fireworks Effect in Blogger

Hi buddies today we will gift you some of the amazing best created fireworks effects widget for your blogger blog. This widgets is mostly used world widely and distributed when there is coming happy new year or celebrating day. In the same day every blogger and webmaster trying to decorate theirs blog and website by adding different types of fireworks in blog. Different bloggers created different colors of animated fires effects for theirs blogging home. So i was thinking why not share a beautiful fireworks gadget which producing sparking in the eyes of visitors. It will attract visitors and they would stay for a long time to joy the flying sparking. This gadget will dressed your blog or website awesomely. before this we have shared bundle of Blogger Widgets and Plugins for blogger users. So in this article we will show you how to add animated jquery fireworks widget in blogger blog.

Animated fireworks Widget will Look Like

This is a very simple widget nothing to worry about it. Its totally created in jquery language by adding some effecting functionality inside the coding. You might have seen alot of different firecrackers of different unique styles at happy new years day. So in the same manner we have coded a beautiful animated effect firecrackers for your blog. When visitors lands on your sites It would automatically display animated and flying flashing effects on every corner of your site. Do get the best illustrative diagram we have mentioned some of the best screenshots of this widget.

Attention: This widget is solely Developed by Syed Faizan ali The Owner of  MyBloggerLab be respected to copyrights.

Check Demo 

How To Add Jquery Fireworks Effect Widget in Blogger?

There is a very simple method to add this gadget in blogger. You just need to follow the below given steps correctly to add this widget. Lets come how to add.

Step1:

• Go To Blogger Dashboard: 
• Go To template>>edit html:
• Now search for  ]]></b:skin> 
• Past the the below given code before  ]]></b:skin> 

 #pbtfireworks{
            display: block;   
            width: 1000px;
            height: 735px;
            float: center;
            color:#6F6F6F;
            text-align: center;
            font-size: 12px;
        }
        #pbtfireworks a {
            color:#6F6F6F;

Step2:

• Now search For </body> 
• Past the below jquery code before </body>  

 <div id="pbtfireworks">  </div>
   <script src="https://mybloggerlab.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="https://mybloggerlab.googlecode.com/files/fireworks.js" type="text/javascript"></script>
    <script>
    /**Fire Works By ProBloggerTricks.com**/ 
    jQuery(function($){             
    Xteam.fireworkShow('#pbtfireworks', 100);               
    }); 
    </script>

Finally save your template and you done almost:

Related Tutorial

Add Best Jquery Slideshow To Blogger 
Slider About Author Widget for Blogger

Need Help

Hi Friends This was little about the the beautiful fireworks effect widget for blogger. We hope you would all like this lovely gadget for your blog. I have seen this gadget back 1 years ago. So i remember when i used to run this gadget on my ordinary blogspot website. So guys if got an error during implementation then just post your query in comment section we would customize your blog to apply this nice gadget. Thanks and hope to share your views about this gadget.