BALIABIDEAK/ NOLA EGITEN DA?

 BLOGARAKO TRESNAK

NIRE BLOGAREN IZENBURUA ERDIRATZEA

Gure bloga osatzen ari gara eta konturatzen gara Izenburua ezkerraldean geratu zaigula. Ez da tamainaren kontua soilik. Batzutan tamaina aldatzearekin eta handitzen dugunean nahiko zentratuta gelditzen bazaigu ere, badago beste modu erraz bat.

Horretarako hementxe dituzu urratsak:

1. Joan Txantiloia atalera.Klikatu pertsonalizatu. 

2. Aurreratua atalean sartu.

3. Mugitu barra eta bilatu gehitu CSS a

4. kopiatu kodigo hau eta txertatu bertan:

.header .widget {
 text-align:center;}
.header img {margin:0 auto;}

5. Azkenik, INTRO eman eta ikusiko duzu nola dagoen orain izenburua zentratuta.

• Honatx hemen gadget batzuk zuen blogerako

           Badakizue, joan  Diseinura, gehitu Gadget, HTML/Javascript eta itsatsi kodigoa

ELURRA ARI DU

    Demo    

<script type="text/javascript">

var speed=30; // A menor numero más rápido

var flakes=150; // Numero de Copos de Nieve

var flake_image="http://i60.servimg.com/u/f60/13/20/23/83/sin_ta11.png"; // URL de la imagen de nieve

var swide, shigh;

var dx=new Array();

var xp=new Array();

var yp=new Array();

var am=new Array();

var sty=new Array();

window.onload=function() { if (document.getElementById) {

var k, f, b;

b=document.createElement("div");

b.style.position="absolute";

b.setAttribute("id", "bod");

document.body.appendChild(b);

set_scroll();

set_width();

for (var i=0; i<flakes; i++) {

dx[i]=0;

am[i]=Math.random()*20;

xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);

yp[i]=Math.random()*shigh;

sty[i]=0.75+1.25*Math.random();

f=document.createElement("div");

f.style.position="absolute";

f.setAttribute("id", "flk"+i);

f.style.zIndex=i;

f.style.top=yp[i]+"px";

f.style.left=xp[i]+"px";

k=document.createElement("img");

k.src=flake_image;

f.appendChild(k);

b.appendChild(f);

}

setInterval("winter_snow()", speed);

}}

window.onresize=set_width;

function set_width() {

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

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600

}

}

window.onscroll=set_scroll;

function set_scroll() {

var sleft, sdown;

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

document.getElementById("bod").style.top=sdown+"px";

document.getElementById("bod").style.left=sleft+"px";

}

function winter_snow() {

for (var i=0; i<flakes; i++) {

yp[i]+=sty[i];

if (yp[i]>shigh-30) {

xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);

yp[i]=0;

sty[i]=0.75+1.25*Math.random();

}

dx[i]+=0.02+Math.random()/10;

document.getElementById("flk"+i).style.top=yp[i]+"px";

document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";

}

}

</script>

IZARRAK

    Demo    

<script type="text/javascript" src="http://blogparts.giffy.me/0074/parts.js"></script>

BURBUILAK

   Demo    

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/16/16833/18/parts.js"></script>

BIHOTZAK

    Demo    

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/3/3575/8/parts.js"></script>

IZARRAK

    Demo    

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/0/7/20/parts.js"></script>

ARTIFIZIO SUAK HTML/JAVA SCRIPT GADGETA ERABILIZ

Zure blogean artifizio suak jarri nahi badituzu, jarraitu hurrengo urratsak:
Joan Diseinura eta bertan aukeratu gehitu GADGET-a . Aurkitu HTML/JAVA SCRIPT .
Jarraian, idatzi suak izenburua, horrela laster aurkituko baituzu kendu nahi duzunean ere.

Ondoren, kopiatu bertan nik utzitako kodigoa.


<script type="text/javascript">
//<![CDATA[
var bits=100; // cuantos bits
var intensity=7; // que tan "poderosa" es la explosión. (recomendado entre 3 y 10)
var speed=20; // rapidez (a menor numero, mas rapido)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
//azul rojo verde purpura cyan, naranjo
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}
function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
//]]>
</script>