Diwali Special Widgets for Blogger

Diwali is coming the festival of lights and we are here to help some bloggers get Diwali special widgets for their blogs,well we found three(3) awesome widgets you can simply add to your blog !

Back to Top Scrolling Rocket Boy Widget

Well you already knew about the scrolling widget people add onto their blog in order to allow any visitor to scroll to the top of the page by just clicking that button, well but now for this occasion we have a nice animated rocket widget that looks really good. So I do not have any demo link available but its easy to implement so have a look

1. Open Blogger>Template>Edit HTML
2. Press Ctrl+F and type </body>
3. Now Copy the code below and paste it before
<style>#backtotop{background:url(http://i.imgur.com/m4Z2HpS.png) 0 0 no-repeat;bottom:5px;cursor:pointer;height:130px;padding:5px;position:fixed;right:5px;width:72px;z-indez:1}#backtotop:hover{background:url(http://i.imgur.com/m4Z2HpS.png)no-repeat;background-position:0 -142px}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/><script type='text/javascript'>//<![CDATA[ $(window).scroll(function(){if($(this).scrollTop()>100){$("#backtotop").removeAttr("href");$("#backtotop").stop().animate({bottom:"0"},{duration:100,queue:false})}else{$("#backtotop").stop().animate({bottom:"30000"},{duration:8e3,queue:false})}});$(function(){$("#backtotop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})})//]]></script><a href='#' id='backtotop'/>
4. Now press the Save Template button.

Embed Diwali Greetings Card with Sound on Websites Well this is another good widget that you can easily embed on your website to greet your visitor with melodious sounds and diya images. Quotes are outstanding and it looks really rick. Well you can add this widget onto your sidebar, so whenever someone click on play icon it starts playing, well this widget in action click below play button.


<embed height="460" src="http://goo.gl/1fxsHW" type="application/x-shockwave-flash" width="624"></embed>

1. Open Blogger>Layout>Add Gadget>HTML/Javascript
2. Now Copy the Code below
   
   <embed height="460" src="http://goo.gl/1fxsHW" type="application/x-shockwave-flash" width="624"></embed>
3. Now Adjust the height and the width of the widget according to your blog !
4. Now after making all the changes just hit the  Save Arrangement  button.

So now your greetings card will be live on your blog, well you can even add this widget anywhere else just use the code provided and enjoy. Make sure not change that SRC="URL" else your widget will not work properly.

Awesome Fireworks Widget for Blogger Blogs

As you can see this page is full of fireworks all around!
Want this to your Website/Blog

1. Open Blogger>Template>Edit HTML
2. Press Ctrl+F and type </body>
3. Now Copy the Code below and paste it before
   
   <script type="text/javascript">//<![CDATA[ function write_fire(e){var t,n,r;stars[e+"r"]=createDiv("|",12);boddie.appendChild(stars[e+"r"]);for(t=bits*e;t<bits+bits*e;t++){stars[t]=createDiv("*",13);boddie.appendChild(stars[t])}}function createDiv(e,t){var n=document.createElement("div");n.style.font=t+"px monospace";n.style.position="absolute";n.style.backgroundColor="transparent";n.appendChild(document.createTextNode(e));return n}function launch(e){colour[e]=Math.floor(Math.random()*colours.length);Xpos[e+"r"]=swide*.5;Ypos[e+"r"]=shigh-5;bangheight[e]=Math.round((.5+Math.random())*shigh*.4);dX[e+"r"]=(Math.random()-.5)*swide/bangheight[e];if(dX[e+"r"]>1.25)stars[e+"r"].firstChild.nodeValue="/";else if(dX[e+"r"]<-1.25)stars[e+"r"].firstChild.nodeValue="\\";else stars[e+"r"].firstChild.nodeValue="|";stars[e+"r"].style.color=colours[colour[e]]}function bang(e){var t,n,r=0;for(t=bits*e;t<bits+bits*e;t++){n=stars[t].style;n.left=Xpos[t]+"px";n.top=Ypos[t]+"px";if(decay[t])decay[t]--;else r++;if(decay[t]==15)n.fontSize="7px";else if(decay[t]==7)n.fontSize="2px";else if(decay[t]==1)n.visibility="hidden";Xpos[t]+=dX[t];Ypos[t]+=dY[t]+=1.25/intensity[e]}if(r!=bits)setTimeout("bang("+e+")",speed)}function stepthrough(e){var t,n,r;var i=Xpos[e+"r"];var s=Ypos[e+"r"];Xpos[e+"r"]+=dX[e+"r"];Ypos[e+"r"]-=4;if(Ypos[e+"r"]<bangheight[e]){n=Math.floor(Math.random()*3*colours.length);intensity[e]=5+Math.random()*4;for(t=e*bits;t<bits+bits*e;t++){Xpos[t]=Xpos[e+"r"];Ypos[t]=Ypos[e+"r"];dY[t]=(Math.random()-.5)*intensity[e];dX[t]=(Math.random()-.5)*(intensity[e]-Math.abs(dY[t]))*1.25;decay[t]=16+Math.floor(Math.random()*16);r=stars[t];if(n<colours.length)r.style.color=colours[t%2?colour[e]:n];else if(n<2*colours.length)r.style.color=colours[colour[e]];else r.style.color=colours[t%colours.length];r.style.fontSize="13px";r.style.visibility="visible"}bang(e);launch(e)}stars[e+"r"].style.left=i+"px";stars[e+"r"].style.top=s+"px"}function set_width(){var e=999999;var t=999999;if(document.documentElement&&document.documentElement.clientWidth){if(document.documentElement.clientWidth>0)e=document.documentElement.clientWidth;if(document.documentElement.clientHeight>0)t=document.documentElement.clientHeight}if(typeof self.innerWidth!="undefined"&&self.innerWidth){if(self.innerWidth>0&&self.innerWidth<e)e=self.innerWidth;if(self.innerHeight>0&&self.innerHeight<t)t=self.innerHeight}if(document.body.clientWidth){if(document.body.clientWidth>0&&document.body.clientWidth<e)e=document.body.clientWidth;if(document.body.clientHeight>0&&document.body.clientHeight<t)t=document.body.clientHeight}if(e==999999||t==999999){e=800;t=600}swide=e;shigh=t}var bits=80;var speed=33;var bangs=5;var colours=new Array("#03f","#f03","#0e0","#93f","#0cf","#f93","#f0c");var bangheight=new Array;var intensity=new Array;var colour=new Array;var Xpos=new Array;var Ypos=new Array;var dX=new Array;var dY=new Array;var stars=new Array;var decay=new Array;var swide=800;var shigh=600;var boddie;window.onload=function(){if(document.getElementById){var e;boddie=document.createElement("div");boddie.style.position="fixed";boddie.style.top="0px";boddie.style.left="0px";boddie.style.overflow="visible";boddie.style.width="1px";boddie.style.height="1px";boddie.style.backgroundColor="transparent";document.body.appendChild(boddie);set_width();for(e=0;e<bangs;e++){write_fire(e);launch(e);setInterval("stepthrough("+e+")",speed)}}};window.onresize=set_width//]]></script>
4. Now hit Save Template and enjoy rockets bursting all over you blog interface