ব্লগার ব্লগে যুক্ত করুন হ্যাপি নিউ ইয়ার ২০১৭ Fireworks ইফেক্ট !

এসো বন্ধু.কম ব্লগের সকল ভিজিটর বন্ধুদের নতুন বছরের অনেক শুভেচ্ছা , দেখতে দেখতে চলে গেল আরও একটি বছর যাই হোক আমারা সবাই নতুন বছর টিকে গ্রহন করি সব সময় নতুন কিছু দিয়ে নতুন ভাবে কি তাই তো! আর আমারা যারা ছোট খাট ব্লগার মানে ব্লগিং করি তারা তো চাই নতুন বছর টিকে নিজ নিজ ব্লগে নতুন ভাবে উদযাপন করতে। তাই আজকে আমি আপনাদের জন্য নিয়ে এলাম অসাধারণ একটি হ্যাপি নিউ ইয়ার Fireworks ইফেক্ট। কি এই Fireworks ইফেক্ট আসলে আমারা সবাই জানি এটা কি এবং এটা বাস্তব যখুন ফাটে সেই সময় দেখতে কেমন লাগে। হ্যাঁ বন্ধুরা ঠিক সেই বাস্তব চিত্রই আপনি আপনার ব্লগেও দেখতে পাবেন মনে হবে আপনার ব্লগে বাজি পাঠচ্ছে । যাই হোক নীচে থেকে ডেমো দেখুন তাহলে এই ইফেক্ট সম্পর্কে পরিষ্কার বুঝতে পারবেন। তখুন আপনি ঠিক করবেন এই ইফেক্ট আপনার ব্লগে ব্যবহার করবেন কি করবেন না। তাহলে কথা না বাড়িয়ে চলুন শুরু করা যাক।

Fireworks Demo

হ্যাপি নিউ ইয়ার ২০১৭ Fireworks ইফেক্ট যে ভাবে যুক্ত করবেন ?

প্রথমে আপনার ব্লগার ব্লগ লগইন করুন এবং ড্যাশবোর্ড থেকে Template এ ক্লিক করুন তারপর Edit HTML এ ক্লিক করুন এবার আপনার কীবোর্ড এর CTRL+F প্রেস করুন এবং নীচের ট্যাগটি সার্চ করুন । 

</body>

উপরের ট্যাগ খুজে পেলেই তার ঠিক আগে বা উপরে নিচের কোড গুল হুবহু কপি পেস্ট করুন । 

<script type="text/javascript">

// <![CDATA[

var bits=80; // how many bits

var speed=33; // how fast - smaller is faster

var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)

var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");

//                     blue    red     green   purple  cyan    orange  pink



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;



if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {

  var oldonload=window.onload;

  if (typeof(oldonload)!='function') window.onload=funky;

  else window.onload=function() {

    if (oldonload) oldonload();

    funky();

  }

}



addRVLoadEvent(light_blue_touchpaper);



function light_blue_touchpaper() { if (document.getElementById) {

  var i;

  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 (i=0; i<bangs; i++) {

    write_fire(i);

    launch(i);

    setInterval('stepthrough('+i+')', speed);

  }

}}

function write_fire(N) {

  var i, rlef, rdow;

  stars[N+'r']=createDiv('|', 12);

  boddie.appendChild(stars[N+'r']);

  for (i=bits*N; i<bits+bits*N; i++) {

    stars[i]=createDiv('*', 13);

    boddie.appendChild(stars[i]);

  }

}

function createDiv(char, size) {

  var div=document.createElement("div");

  div.style.font=size+"px monospace";

  div.style.position="absolute";

  div.style.backgroundColor="transparent";

  div.appendChild(document.createTextNode(char));

  return (div);

}

function launch(N) {

  colour[N]=Math.floor(Math.random()*colours.length);

  Xpos[N+"r"]=swide*0.5;

  Ypos[N+"r"]=shigh-5;

  bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);

  dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];

  if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";

  else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";

  else stars[N+"r"].firstChild.nodeValue="|";

  stars[N+"r"].style.color=colours[colour[N]];

}

function bang(N) {

  var i, Z, A=0;

  for (i=bits*N; i<bits+bits*N; i++) {

    Z=stars[i].style;

    Z.left=Xpos[i]+"px";

    Z.top=Ypos[i]+"px";

    if (decay[i]) decay[i]--;

    else A++;

    if (decay[i]==15) Z.fontSize="7px";

    else if (decay[i]==7) Z.fontSize="2px";

    else if (decay[i]==1) Z.visibility="hidden";

    if (decay[i]>1 && Math.random()<.1) {

       Z.visibility="hidden";

       setTimeout('stars['+i+'].style.visibility="visible"', speed-1);

    }

    Xpos[i]+=dX[i];

    Ypos[i]+=(dY[i]+=1.25/intensity[N]);



  }

  if (A!=bits) setTimeout("bang("+N+")", speed);

}

function stepthrough(N) {

  var i, M, Z;

  var oldx=Xpos[N+"r"];

  var oldy=Ypos[N+"r"];

  Xpos[N+"r"]+=dX[N+"r"];

  Ypos[N+"r"]-=4;

  if (Ypos[N+"r"]<bangheight[N]) {

    M=Math.floor(Math.random()*3*colours.length);

    intensity[N]=5+Math.random()*4;

    for (i=N*bits; i<bits+bits*N; i++) {

      Xpos[i]=Xpos[N+"r"];

      Ypos[i]=Ypos[N+"r"];

      dY[i]=(Math.random()-0.5)*intensity[N];

      dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;

      decay[i]=16+Math.floor(Math.random()*16);

      Z=stars[i];

      if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];

      else if (M<2*colours.length) Z.style.color=colours[colour[N]];

      else Z.style.color=colours[i%colours.length];

      Z.style.fontSize="13px";

      Z.style.visibility="visible";

    }

    bang(N);

    launch(N);

  }

  stars[N+"r"].style.left=oldx+"px";

  stars[N+"r"].style.top=oldy+"px";

}

window.onresize=set_width;

function set_width() {

  var sw_min=999999;

  var sh_min=999999;

  if (document.documentElement && document.documentElement.clientWidth) {

    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;

    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;

  }

  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {

    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;

    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;

  }

  if (document.body.clientWidth) {

    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;

    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;

  }

  if (sw_min==999999 || sh_min==999999) {

    sw_min=800;

    sh_min=600;

  }

  swide=sw_min;

  shigh=sh_min;

}

// ]]>

</script><a
href="#"></a>

এবার Save Template এ ক্লিক করে আপনার ব্লগ চেক করুন আশাকরি আপনি কাজটি করতে সফল হয়েছেন ।

ব্যাস আশাকরি আপনাদের বুঝতে কোন সমস্যা হল না । কোন রকম সমস্যা হলে অবশ্যই নীচে কমেন্ট । আশাকরি আপনাদের ইফেক্ট ভাল লাগবে যদি ভাল লাগে তাহলে বন্ধুদের সঙ্গে শেয়ার করুন । ভাল থাকুন সুস্থ থাকুন ।

পোস্ট রেটিং করুন

আরও নতুন পোস্ট পুরানো পোস্ট