khatris creation complete pc and blogging solutions
-

How to Add Animated Jquery Fireworks Effect in Blogger

 animated fireworks jquery effect for 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.


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> 
 #kcfireworks{
            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="kcfireworks">  </div>
       <script src="https://khatriscreation.blogspot.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script src="https://khatriscreation.blogspot.com/files/fireworks.js" type="text/javascript"></script>
        <script>
        /**Fire Works By khatriscreation.com**/ 
        jQuery(function($){             
        Xteam.fireworkShow('#kcfireworks', 100);               
        }); 
        </script> 
   
Finally save your template and you done almost:


if you find any problems leave a comment below.

regards,
sudarshan khatri


Previous
Next Post »