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>
8 comentarios
Mesa78 · diciembre 10, 2013 a las 7:32 am
(h) Mola senkiul very…
Jonathan LR · diciembre 10, 2013 a las 2:23 pm
Gracias por comentar Mesa78
Salu2 :d
Verónica. Cocinando para mis cachorritos. · diciembre 10, 2013 a las 1:24 pm
¡Gracias!
Jonathan LR · diciembre 17, 2013 a las 11:36 pm
De nada Verónica 😀
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