Diwali Widget Kaise Add Kare Apne Blog/Website Me

2

Happy Diwali Friends! Dosto Har koi apne Blog or Website ko shaandar banana chata hai, or agar aap bhi kise website/blog ke owner hai to aap bhi es Diwali ke shandaar mauke par apne website/blog par diwali widget lagaker use or bhi interesting bna sakte hai.



 

 

Diwali Widget Kaise Add Kare Apne Blog/Website Me?

#Widget1 [ Rocket Widget ]

Dosto ye ek bhut he jabardast widget hai. jisme ek rocket back to top button hai. jisko agar aap apne blog me add karinge, to aapke 2 kaam ho jyenge, 1st to aapki blog me back to top button add ho jyega. or 2nd aapka blog/website es diwali ke mauke par or bhi jabardast dikhega.

How to Add Rocket Widget:

Sabse phele Neeche diye gye code ko copy kar le.
<style>#backtotop{background:url(https://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(https://i.imgur.com/m4Z2HpS.png)no-repeat;background-position:0 -142px}
</style><script src='https://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'/>
Code ko copy karne ke baad apne blog ke Edit HTML me jaker </body> search kare. or copy kiye hue code ko </body> ke upar paste kar de.
Ab Template ko save kar de. now All Done! ab aapka kaam ho chuka hai. ab apne blog ko check kar le.

#Widget2 [ FireWorks Widget ]

Dosto ye bhi ek bhut he Awesome widget hai. ek bar esko try jarror kare. aapko yeh widget jarror pasand aayige.

 

How to Add FireWorks Widget:

Sabse phele Neeche diye gye code ko copy kar le.

<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>
Code ko copy karne ke baad apne blog ke Edit HTML me jaker </body> search kare. or copy kiye hue code ko </body> ke upar paste kar de.
 
Ab Template ko save kar de. now All Done! ab aapka kaam ho chuka hai. ab apne blog ko check kar le.
Umeed hai aapko yeh widgets jarror pasand aayi hongi. agar ha to es post ko share jarror kare. or en awesome widgets ka lutf uthaye.. Happy Diwali!


2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here