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="http://blogparts.giffy.me/0074/parts.js"></script>

Burbujas con objetos navideños adentro

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

Corazones que salen del cursor

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

 

Estrellas que se desplazan de izquierda a derecha

 

<script type="text/javascript" src="http://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.

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 *