Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
11

Navidad, es una de las fiestas más importantes ya que ese día recordamos el nacimiento de nuestro señor Jesucristo en belén.

Para los que tenemos un blog, es importante hacer sentir a los usuarios o visitantes, esa emoción de estas fiestas navideñas, para ello los bloggers decoramos nuestros blogs para esta festividad con gadgets.

A continuación les mostraré varios gadgets navideños muy bonitos que encontré en Amor Sevillista y que puedes añadir fácilmente en tu blog.

Nos dirigimos a Diseño, Añadir Gadget, HTML/Javascript y ahí pega el código del gadget que más te llamó la atención.

NIEVE EN EL BLOG

<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>

Estrellas que caen

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

Burbujas con objetos navideños adentro

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

Corazones que salen del cursor

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

 

Estrellas que se desplazan de izquierda a derecha

 

<script type="text/javascript" src="https://bpmaker.giffy.me/userdata/user/0/7/20/parts.js"></script>
Yo solo escogí los gadgets que creo que te pueden gustar, puedes adquirir más gadgets con estos fabulosos  efectos en el blog Amor Sevillista.
Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
11

8 commentarios

Mesa78 · diciembre 10, 2013 a las 7:32 am

(h) Mola senkiul very…

Verónica. Cocinando para mis cachorritos. · diciembre 10, 2013 a las 1:24 pm

¡Gracias!

Anonymous · diciembre 10, 2013 a las 7:41 pm

Templates premiun, pero gratis.

🙂 http://www.imtikhan.com/search/label/Blogger%20Template

    Jonathan LR · diciembre 17, 2013 a las 11:37 pm

    Spam !! 😮

    jarckol Izul · diciembre 10, 2014 a las 9:29 pm

    Muy bueno bro 😀 no hay forma de modificar tamaño y colores, en le caso de las estrellas que caen?

    Saludos!

sonriero · diciembre 19, 2014 a las 11:57 am

como puedo sacarle la musica

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *