How The jQuery Fireworks Widget Looks Like?
There is no rocket science behind this widget because we have used a modest Jquery functionality which creates an Animated Firework Effect. Have you ever witness a 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 visit would visit your website it would display Animated Firecrackers all across your site. Consider the following screenshot to clear your concept.
How To Add New Year Fireworks Effect in Blogger?
The steps mentioned below are extremely straightforward and would take less than 3 minutes to complete the integration. There is no need to learn anything just follow the steps as they are mentioned below.
Go To Blogger.com >> Template >> Edit HTML >> Proceed.
In the Template, search for the ]]></b:skin> Tag and just above it paste the Following CSS Coding. Please, don’t try to modify or customize the CSS otherwise it may not give the desire results which we are expecting.
#mblfireworks{
display: block;
width: 1000px;
height: 735px;
float: center;
color:#6F6F6F;
text-align: center;
font-size: 12px;
}
#mblfireworks a {
color:#6F6F6F;
}
Once Again in the template Search For the </body> tag and just below it Paste the Entire Jquery Coding. If anyone is unable to find the </body> tag in their template then, he can Paste the Following coding just below your Footer coding.
<div id="mblfireworks"> </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 MyBloggerLab.com*/
jQuery(function($){
Xteam.fireworkShow('#mblfireworks', 100);
});
</script>
All Done: After customizing, Save the Template by Pressing “Save Template” button. Feel Free to leave your suggestions and comments if there is a room for improvement.
From The Editor's Desk:
We hope this widget will help everyone to decorate their site with Fireworks on this New year's Eve. Wishing you a Happy New year 2013 in advance. Hopefully, we will be there to wish you on the New year's Night too. What are your thoughts about this jQuery Effect? Take a lot care till then peace, Blessings and happy fire cracking.
About the Editorial Team
The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).
18 comments
I Just Want To Say "Shadi Mubarak" Kya Sound Add Kya Ha :P Btw G00d Work buddy!
Hope that don't effect page speed! :)
Haha Khair Mubarak Bhai. Lakin Meri Shadi Nai Hovi Abi :P... Thanks for the compliment :D
I don't think it would affect your site speed. We are not adding this script for whole YEAR. Its just for 1 day so it doesn't affect that much.
Good Work Syed Bhai. I Will Customize It To Play To Sound Again & Again :D
The Sound is just on the DEMO Site. We haven't Included it on the Script. Peace
bhai wordpress ke lie b method batao plz :)
Thanks For Info Bro, Have A Great Day Ahead :)
I will try it also like Christmas!!
Awesome, syed
it really works, you can see it on blog from today till 3 january.
I guess my readers needed something like this
you can also see it on http://insidetechtricks.blogspot.com
Nice one Syed! and faster loading :)
Very much Inspired from this work! Great!
I Think you have lots of jQuery on your sites which is conflicting with others. Thats why nothing is working on your site. Peace
wow nice effect you got there
i'll try
I hv scheduled a post on new year for 12:00 and added it in post! smart me! :P :D
i saw this effect on infolinks...but i'am too late :p
Are you sure! They were using our Scripts :)
very nice !
Post a Comment
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.