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.
Attention: This widget is solely Developed by Syed Faizan ali The Owner of MyBloggerLab be respected to copyrights.
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>Finally save your template and you done almost:
<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>
Related Tutorial
Add Best Jquery Slideshow To BloggerSlider 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.
Wow! Brilliant Post Bro Keep It Up And RAMADAN Mubarak Bro This Will Help Muslims Because Ramadan Is Come Up Thanks AGAIN
ReplyDeleteamazing trick bro..thanks for sharing
DeleteNice! brother.. its really good and can be used for events purpose. Thank you for this maybe I will use it on my pakzip blog!
ReplyDeleteSure bro you may use the following jquery effects fireworks on your blog. If you face any problem then let me know.
DeleteAlso do my work which you have emailed me.
informative post..thanks
ReplyDeletethanks on landing at jquery effect fireworks
Deletewhat a fantastic effect you gave us.. thanks to PBT
ReplyDeleteThanks for saying the nice word....
DeleteTharun bro i have given several alerts in my previous post not to mention blog url in comment body. this is the final warning for you....if you do not follow my instruction we will banned your comments and your all comments will be removed from all the posts.
Hope you will agree with Hafeez Brother for saying such words. Thanks buddy.
nice post. and informative for newbies
ReplyDeletethanks
regards
R.S
You too thanks for liking our efforts.
DeleteWah... What a effect dude..
ReplyDeleteAfter seeing this effect with JQuery, I'm also keen to learn JQuery.
Hopefully I could learn it soon :)
Regards!
Ankit
Thanks Ankit Bro for your appreciations this is really an amazing jquery effects fireworks for blogger blogs. We should must try to apply this on happy year or celebrating day. thanks buddy.
DeleteNice Post Bro . It seems that, you are learning new things day by day and helping the needy people as well but you have used the codes of MBL which is a bit unfortunate.
ReplyDeleteAny way. Good work
Yes Ravi Bro you could easily find out this code on W3school, but i have linked from MBL because it will take more time to host on google or any other services. thats why i have used the mbl hosting scripting codes.
DeleteYes Ravi bro in blogging career we should must try learn new and unique things, Still am also learning advance SEO from difference sources.
Ravi bro as we were going together with Alexa rank i have gain 26k but your blog is still going around near at 48k whats the reasons i want to know. ?
So Beautiful Fireworks .
ReplyDeleteHope I Could Study jQuery
Thanks
Yes Bro study jquery and create unique styles of scripting objects. we could love your work.
DeleteI'm totally speechless bro Hafeez... I always enjoy spending some minutes here at PBT. Thanks for sharing.
ReplyDeleteRegards
~~ Victor Noah ~~
Thanks Victor Bro its pleasure for me. That you love and like our blog by Heart.
Delete@Hafeez- I am doing few experiments in blogger and WordPress template designing, working on other projects these days so failed to update my blog regularly. That's probably the reason why, my alexa rank is falling down regularly.
ReplyDeleteAfter the completion of my ongoing project, i will update it regularly and hopefully will gain better ranking again.
your blog helps me for making blog you done good job,your all posts are good i think your blog give me good guide line for blogging thns Hafeez bro
ReplyDeletehttp://iffitips.blogspot.com/
It was excellent.I found a lot of informative stuff in your post keep it up thank you.
ReplyDeleteI did'nt Find < / body > There Is Only < body ...
ReplyDeleteNice And Great Post For Blogger Please Keep It Up ......Techtunesu
ReplyDelete