114

Nieve que se acumula al final de la página

En una entrada anterior habíamos visto como conseguir un efecto de nieve en el blog mediante el uso de la etiqueta "marquee" y poco después veíamos como incluir el efecto nieve usando un script.

En esta ocasión vamos a ver de nuevo como incluir nieve en el blog mediante el uso de un script. El script irá incluido directamente en la plantilla y lo he "marcado" para que, una vez pasadas las fiestas, sea fácil su localización para retirarlo.

Este script consigue un efecto muy lindo, ya que los copos que van cayendo quedan acumulados al final de la página y mientras unos caen, los del pie de la página se van deshaciendo poco a poco...
Además si movemos el ratón por la pagina, los copos cambian de dirección como movidos por un ligero viento.

Antes de decidir si vais a usarlo o no, podéis ver una demostración online en un blog donde también e incluido el script para copiar.

Lo único que hemos de hacer para conseguir el efecto nieve, es copiar el script y colocarlo en el código de nuestra plantilla antes de </head>


<!-- Comienzo del script para nieve -->
<script type="text/javascript">
//<![CDATA[

/*
DHTML Snowstorm! OO-style Jascript-based Snow effect
----------------------------------------------------
Version 1.4.20091115 (Previous rev: v1.3.20081215)
Code by Scott Schiller - http://schillmania.com
----------------------------------------------------

Initializes after body onload() by default (via addEventHandler() call at bottom.)
To customize properties, edit below or override configuration after this script
has run (but before body.onload), eg. snowStorm.snowStick = false;

*/

var snowStorm = null;

function SnowStorm() {

// --- PROPERTIES ---

this.flakesMax = 150; // Limit total amount of snow made (falling + sticking)
this.flakesMaxActive = 64; // Limit amount of snow falling at once (less = lower CPU use)
this.animationInterval = 33; // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
this.flakeBottom = null; // Integer for Y axis snow limit, 0 or null for "full-screen" snow effect
this.targetElement = null; // element which snow will be appended to (document body if null/undefined) - can be an element ID string, or a DOM node reference
this.followMouse = true; // Snow will change movement with the user's mouse
this.snowColor = '#fff'; // Don't eat (or use?) yellow snow.
this.snowCharacter = '&bull;'; // &bull; = bullet, &middot; is square on some systems etc.
this.snowStick = true; // Whether or not snow should "stick" at the bottom. When off, will never collect.
this.useMeltEffect = true; // When recycling fallen snow (or rarely, when falling), have it "melt" and fade out if browser supports it
this.useTwinkleEffect = false; // Allow snow to randomly "flicker" in and out of view while falling
this.usePositionFixed = false; // true = snow not affected by window scroll. may increase CPU load, disabled by default - if enabled, used only where supported

// --- less-used bits ---

this.flakeLeftOffset = 0; // amount to subtract from edges of container
this.flakeRightOffset = 0; // amount to subtract from edges of container
this.flakeWidth = 8; // max pixel width for snow element
this.flakeHeight = 8; // max pixel height for snow element
this.vMaxX = 5; // Maximum X velocity range for snow
this.vMaxY = 4; // Maximum Y velocity range
this.zIndex = 0; // CSS stacking order applied to each snowflake

// --- End of user section ---

// jslint global declarations
/*global window, document, navigator, clearInterval, setInterval */

var addEvent = (typeof(window.attachEvent)=='undefined'?function(o,evtName,evtHandler) {
return o.addEventListener(evtName,evtHandler,false);
}:function(o,evtName,evtHandler) {
return o.attachEvent('on'+evtName,evtHandler);
});

var removeEvent = (typeof(window.attachEvent)=='undefined'?function(o,evtName,evtHandler) {
return o.removeEventListener(evtName,evtHandler,false);
}:function(o,evtName,evtHandler) {
return o.detachEvent('on'+evtName,evtHandler);
});

function rnd(n,min) {
if (isNaN(min)) {
min = 0;
}
return (Math.random()*n)+min;
}

function plusMinus(n) {
return (parseInt(rnd(2),10)==1?n*-1:n);
}

var s = this;
var storm = this;
this.timers = [];
this.flakes = [];
this.disabled = false;
this.active = false;

var isIE = navigator.userAgent.match(/msie/i);
var isIE6 = navigator.userAgent.match(/msie 6/i);
var isOldIE = (isIE && (isIE6 || navigator.userAgent.match(/msie 5/i)));
var isWin9X = navigator.appVersion.match(/windows 98/i);
var isiPhone = navigator.userAgent.match(/iphone/i);
var isBackCompatIE = (isIE && document.compatMode == 'BackCompat');
var noFixed = ((isBackCompatIE || isIE6 || isiPhone)?true:false);
var screenX = null;
var screenX2 = null;
var screenY = null;
var scrollY = null;
var vRndX = null;
var vRndY = null;
var windOffset = 1;
var windMultiplier = 2;
var flakeTypes = 6;
var fixedForEverything = false;
var opacitySupported = (function(){
try {
document.createElement('div').style.opacity = '0.5';
} catch (e) {
return false;
}
return true;
})();
var docFrag = document.createDocumentFragment();
if (s.flakeLeftOffset === null) {
s.flakeLeftOffset = 0;
}
if (s.flakeRightOffset === null) {
s.flakeRightOffset = 0;
}

this.meltFrameCount = 20;
this.meltFrames = [];
for (var i=0; i<this.meltFrameCount; i++) {
this.meltFrames.push(1-(i/this.meltFrameCount));
}

this.randomizeWind = function() {
vRndX = plusMinus(rnd(s.vMaxX,0.2));
vRndY = rnd(s.vMaxY,0.2);
if (this.flakes) {
for (var i=0; i<this.flakes.length; i++) {
if (this.flakes[i].active) {
this.flakes[i].setVelocities();
}
}
}
};

this.scrollHandler = function() {
// "attach" snowflakes to bottom of window if no absolute bottom value was given
scrollY = (s.flakeBottom?0:parseInt(window.scrollY||document.documentElement.scrollTop||document.body.scrollTop,10));
if (isNaN(scrollY)) {
scrollY = 0; // Netscape 6 scroll fix
}
if (!fixedForEverything && !s.flakeBottom && s.flakes) {
for (var i=s.flakes.length; i--;) {
if (s.flakes[i].active === 0) {
s.flakes[i].stick();
}
}
}
};

this.resizeHandler = function() {
if (window.innerWidth || window.innerHeight) {
screenX = window.innerWidth-(!isIE?16:2)-s.flakeRightOffset;
screenY = (s.flakeBottom?s.flakeBottom:window.innerHeight);
} else {
screenX = (document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth)-(!isIE?8:0)-s.flakeRightOffset;
screenY = s.flakeBottom?s.flakeBottom:(document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight);
}
screenX2 = parseInt(screenX/2,10);
};

this.resizeHandlerAlt = function() {
screenX = s.targetElement.offsetLeft+s.targetElement.offsetWidth-s.flakeRightOffset;
screenY = s.flakeBottom?s.flakeBottom:s.targetElement.offsetTop+s.targetElement.offsetHeight;
screenX2 = parseInt(screenX/2,10);
};

this.freeze = function() {
// pause animation
if (!s.disabled) {
s.disabled = 1;
} else {
return false;
}
for (var i=s.timers.length; i--;) {
clearInterval(s.timers[i]);
}
};

this.resume = function() {
if (s.disabled) {
s.disabled = 0;
} else {
return false;
}
s.timerInit();
};

this.toggleSnow = function() {
if (!s.flakes.length) {
// first run
s.start();
} else {
s.active = !s.active;
if (s.active) {
s.show();
s.resume();
} else {
s.stop();
s.freeze();
}
}
};

this.stop = function() {
this.freeze();
for (var i=this.flakes.length; i--;) {
this.flakes[i].o.style.display = 'none';
}
removeEvent(window,'scroll',s.scrollHandler);
removeEvent(window,'resize',s.resizeHandler);
if (!isOldIE) {
removeEvent(window,'blur',s.freeze);
removeEvent(window,'focus',s.resume);
}
};

this.show = function() {
for (var i=this.flakes.length; i--;) {
this.flakes[i].o.style.display = 'block';
}
};

this.SnowFlake = function(parent,type,x,y) {
var s = this;
var storm = parent;
this.type = type;
this.x = x||parseInt(rnd(screenX-20),10);
this.y = (!isNaN(y)?y:-rnd(screenY)-12);
this.vX = null;
this.vY = null;
this.vAmpTypes = [1,1.2,1.4,1.6,1.8]; // "amplification" for vX/vY (based on flake size/type)
this.vAmp = this.vAmpTypes[this.type];
this.melting = false;
this.meltFrameCount = storm.meltFrameCount;
this.meltFrames = storm.meltFrames;
this.meltFrame = 0;
this.twinkleFrame = 0;
this.active = 1;
this.fontSize = (10+(this.type/5)*10);
this.o = document.createElement('div');
this.o.innerHTML = storm.snowCharacter;
this.o.style.color = storm.snowColor;
this.o.style.position = (fixedForEverything?'fixed':'absolute');
this.o.style.width = storm.flakeWidth+'px';
this.o.style.height = storm.flakeHeight+'px';
this.o.style.fontFamily = 'arial,verdana';
this.o.style.overflow = 'hidden';
this.o.style.fontWeight = 'normal';
this.o.style.zIndex = storm.zIndex;
docFrag.appendChild(this.o);

this.refresh = function() {
if (isNaN(s.x) || isNaN(s.y)) {
// safety check
return false;
}
s.o.style.left = s.x+'px';
s.o.style.top = s.y+'px';
};

this.stick = function() {
if (noFixed || (storm.targetElement != document.documentElement && storm.targetElement != document.body)) {
s.o.style.top = (screenY+scrollY-storm.flakeHeight)+'px';
} else if (storm.flakeBottom) {
s.o.style.top = storm.flakeBottom+'px';
} else {
s.o.style.display = 'none';
s.o.style.top = 'auto';
s.o.style.bottom = '0px';
s.o.style.position = 'fixed';
s.o.style.display = 'block';
}
};

this.vCheck = function() {
if (s.vX>=0 && s.vX<0.2) {
s.vX = 0.2;
} else if (s.vX<0 && s.vX>-0.2) {
s.vX = -0.2;
}
if (s.vY>=0 && s.vY<0.2) {
s.vY = 0.2;
}
};

this.move = function() {
var vX = s.vX*windOffset;
s.x += vX;
s.y += (s.vY*s.vAmp);
if (s.x >= screenX || screenX-s.x < storm.flakeWidth) { // X-axis scroll check
s.x = 0;
} else if (vX < 0 && s.x-storm.flakeLeftOffset<0-storm.flakeWidth) {
s.x = screenX-storm.flakeWidth-1; // flakeWidth;
}
s.refresh();
var yDiff = screenY+scrollY-s.y;
if (yDiff<storm.flakeHeight) {
s.active = 0;
if (storm.snowStick) {
s.stick();
} else {
s.recycle();
}
} else {
if (storm.useMeltEffect && s.active && s.type < 3 && !s.melting && Math.random()>0.998) {
// ~1/1000 chance of melting mid-air, with each frame
s.melting = true;
s.melt();
// only incrementally melt one frame
// s.melting = false;
}
if (storm.useTwinkleEffect) {
if (!s.twinkleFrame) {
if (Math.random()>0.9) {
s.twinkleFrame = parseInt(Math.random()*20,10);
}
} else {
s.twinkleFrame--;
s.o.style.visibility = (s.twinkleFrame && s.twinkleFrame%2===0?'hidden':'visible');
}
}
}
};

this.animate = function() {
// main animation loop
// move, check status, die etc.
s.move();
};

this.setVelocities = function() {
s.vX = vRndX+rnd(storm.vMaxX*0.12,0.1);
s.vY = vRndY+rnd(storm.vMaxY*0.12,0.1);
};

this.setOpacity = function(o,opacity) {
if (!opacitySupported) {
return false;
}
o.style.opacity = opacity;
};

this.melt = function() {
if (!storm.useMeltEffect || !s.melting) {
s.recycle();
} else {
if (s.meltFrame < s.meltFrameCount) {
s.meltFrame++;
s.setOpacity(s.o,s.meltFrames[s.meltFrame]);
s.o.style.fontSize = s.fontSize-(s.fontSize*(s.meltFrame/s.meltFrameCount))+'px';
s.o.style.lineHeight = storm.flakeHeight+2+(storm.flakeHeight*0.75*(s.meltFrame/s.meltFrameCount))+'px';
} else {
s.recycle();
}
}
};

this.recycle = function() {
s.o.style.display = 'none';
s.o.style.position = (fixedForEverything?'fixed':'absolute');
s.o.style.bottom = 'auto';
s.setVelocities();
s.vCheck();
s.meltFrame = 0;
s.melting = false;
s.setOpacity(s.o,1);
s.o.style.padding = '0px';
s.o.style.margin = '0px';
s.o.style.fontSize = s.fontSize+'px';
s.o.style.lineHeight = (storm.flakeHeight+2)+'px';
s.o.style.textAlign = 'center';
s.o.style.verticalAlign = 'baseline';
s.x = parseInt(rnd(screenX-storm.flakeWidth-20),10);
s.y = parseInt(rnd(screenY)*-1,10)-storm.flakeHeight;
s.refresh();
s.o.style.display = 'block';
s.active = 1;
};

this.recycle(); // set up x/y coords etc.
this.refresh();

};

this.snow = function() {
var active = 0;
var used = 0;
var waiting = 0;
var flake = null;
for (var i=s.flakes.length; i--;) {
if (s.flakes[i].active == 1) {
s.flakes[i].move();
active++;
} else if (s.flakes[i].active === 0) {
used++;
} else {
waiting++;
}
if (s.flakes[i].melting) {
s.flakes[i].melt();
}
}
if (active<s.flakesMaxActive) {
flake = s.flakes[parseInt(rnd(s.flakes.length),10)];
if (flake.active === 0) {
flake.melting = true;
}
}
};

this.mouseMove = function(e) {
if (!s.followMouse) {
return true;
}
var x = parseInt(e.clientX,10);
if (x<screenX2) {
windOffset = -windMultiplier+(x/screenX2*windMultiplier);
} else {
x -= screenX2;
windOffset = (x/screenX2)*windMultiplier;
}
};

this.createSnow = function(limit,allowInactive) {
for (var i=0; i<limit; i++) {
s.flakes[s.flakes.length] = new s.SnowFlake(s,parseInt(rnd(flakeTypes),10));
if (allowInactive || i>s.flakesMaxActive) {
s.flakes[s.flakes.length-1].active = -1;
}
}
storm.targetElement.appendChild(docFrag);
};

this.timerInit = function() {
s.timers = (!isWin9X?[setInterval(s.snow,s.animationInterval)]:[setInterval(s.snow,s.animationInterval*3),setInterval(s.snow,s.animationInterval)]);
};

this.init = function() {
s.randomizeWind();
s.createSnow(s.flakesMax); // create initial batch
addEvent(window,'resize',s.resizeHandler);
addEvent(window,'scroll',s.scrollHandler);
if (!isOldIE) {
addEvent(window,'blur',s.freeze);
addEvent(window,'focus',s.resume);
}
s.resizeHandler();
s.scrollHandler();
if (s.followMouse) {
addEvent(document,'mousemove',s.mouseMove);
}
s.animationInterval = Math.max(20,s.animationInterval);
s.timerInit();
};

var didInit = false;

this.start = function(bFromOnLoad) {
if (!didInit) {
didInit = true;
} else if (bFromOnLoad) {
// already loaded and running
return true;
}
if (typeof s.targetElement == 'string') {
var targetID = s.targetElement;
s.targetElement = document.getElementById(targetID);
if (!s.targetElement) {
throw new Error('Snowstorm: Unable to get targetElement "'+targetID+'"');
}
}
if (!s.targetElement) {
s.targetElement = (!isIE?(document.documentElement?document.documentElement:document.body):document.body);
}
if (s.targetElement != document.documentElement && s.targetElement != document.body) {
s.resizeHandler = s.resizeHandlerAlt; // re-map handler to get element instead of screen dimensions
}
s.resizeHandler(); // get bounding box elements
s.usePositionFixed = (s.usePositionFixed && !noFixed); // whether or not position:fixed is supported
fixedForEverything = s.usePositionFixed;
if (screenX && screenY && !s.disabled) {
s.init();
s.active = true;
}
};

function doStart() {
s.start(true);
}

if (document.addEventListener) {
// safari 3.0.4 doesn't do DOMContentLoaded, maybe others - use a fallback to be safe.
document.addEventListener('DOMContentLoaded',doStart,false);
window.addEventListener('load',doStart,false);
} else {
addEvent(window,'load',doStart);
}

}

snowStorm = new SnowStorm();
//]]>
</script>
<!-- Fin del script para nieve -->

Notas:
[1] He respetado los créditos al autor original: Schillmania, pienso que no sería pedir demasiado hicieseis lo mismo todos y no borraseis esa parte en el script...

[2] Una cosa a tener en cuenta, es que el efecto nieve también será visible en la parte de Diseño de nuestro blog, esto es normal y además he comprobado que no da ningún problema, aunque si en algún caso eso sucediese bastaría retirar el script.

[3] Para retirar el script una vez no queramos usarlo, nos fijaremos en las anotaciones que he puesto al comienzo y al final y que he destacado en color rojo en el código y borramos todo desde la primera anotación a la última, ambas incluidas.

[4] Hay algunos cambios que podemos hacer, aunque yo personalmente lo dejaría como est... cabe destacar que podemos aumentar la cantidad de copos de nieve en esta línea del script:

this.flakesMax = 150;


Script original de: Schillmania

Entradas Relacionadas:

114 comentarios:


Theemilio_crazy

Gracias, lo probare...

Anónimo

muy chevre...

And3rz0n

Gracias por el dato, me gusto tu nuevo Header :P

kenneth978

Hola Rosa...Listo!...Post Marcado e implementado en el Blog...con los créditos originales, claro también(no se si es Correcto:P) coloque mas abajo de donde lo saque, por si alguien le hecha un ojo al código fuente y también se anima a usarlo...Saludos:)

ANRAFERA

Muy bueno. Gracias. Saludos.

Anónimo

KennethJack Puedes cambiar el color de los copos en esta línea del script, por ejemplo a un amarillito claro o un azul pálido...

this.snowColor = '#fff'; // Don't eat (or use?) yellow snow.

Unknown

Qué bonito Rosi :)
Como sabes por aquí no nieva -por ahora, veremos con el cambio climático :O -...por lo que para refrescarnos en nuestro veranito, pondré el scrip :D

hey Kenneth no me copies ;)

Besitos y unos días geniales :D

Javier Díaz

Excelente como siempre.

Hola Rosa, quisiera recomendarte un enlace con 75 sets de iconos para Twitter, por si lo quieres compartir en este blog que ha sido de gran ayuda para todos, el enlace es el siguiente:

75 Sets de Iconos de Twitter

Gracias por todo

kenneth978

Gracias Rosa...ya cambie el color...
Gra.....no te copio....jajaja te imito:P

Ahora Rosa quisiera saber como publicar codigos en una entrada o colocarlos en un post..a veces quiero mostrar un error o algo de la plantilla y tengo que hacer una captura de pantalla, pues en un post o comentario me sale error o es invalido....Gracias de nuevo:)

Anónimo

Muy bueno como se queda la nieve en el piso, jaja, genial...

Unknown

Hola Rosa, ya que estas con el tema de la Navidad te presento mi web de navidad, por si la quieres poner en algun lado.

Te comento mi web tienen de todo: Belenes, villancicos, juegos, dibujos, postales, gif, tutoriales, reportajes, vídeos, fotos, agenda... En el cual puede colaborar todo el mundo. Yo creo que esto para la gente que le gusta la navidad como yo le gustaria saber que hay una web en la que hay de todo referente a la navidad. http://www.paginadenavidad.com/

Saludos.

Pepe

Hola Rosa, yo lo puse pero acabe quitandolo por un problema, al usar la flecha volver arriba se bloqueaba la nieve. No se si sere el unico. Saludos

Luis Kasanova

Hola Rosa ya lo apliqué en mi blog xD...

Permíteme una pregunta off topic...

Qué programa utilizas o cómo das para hacer esas cabeceras???

Llevo hace tiempo haciéndome la pregunta muchas veces pero no sé cómo hacerla cabecera de mi blog... ahora tiene un minicollac pero lo hice en paint jejeje xD

Saludos!

Mariluz GH

Hola Rosa quiero agradecer el trabajo que te tomas para que podamos aprender y hacer de nuestros blogs lugares ágiles y agradables.
Me gustaría que entrases a recibir tu felicitación de navidad directamente de mi blog:
http://mariluzgh.blogspot.com/2009/12/por-siempre-joven.html
abrazos

priamo

Hola Rosa : me pasa lo mismo que a Pepe (12)
un saludo

José GDF

Por una vez me voy a poner un poco de nieve en el blog, más que nada por el frío que hace.

Anónimo

Graciela Veranito...uhmmm que suerte :D aquí andamos en pleno invierno frío:S

Anónimo

Escorpion1027 A decir verdad ya conocía la entrada, pero muchas gracias por el aporte.

Anónimo

KennethJack Aquí tienes:

http://elescaparatederosa.blogspot.com/2007/03/publicar-cdigo-en-el-blog.html

The Big

Muy buena guia

Anónimo

PEPE Es lógico eso que dices, no lo comprobé, pero debido a la velocidad de la subida es lógico pensar se bloqueé ya que el scrip esta preparado para un scroll suave...

Anónimo

Luis Kasanova Soy una inútil total con las imágenes... todas mis cabeceras son regalos de amigos o visitantes del Escaparate...

Anónimo

Priamo Pues ahí tienes la respuesta a Pepe...:S

Jorge Ángel Aussel

Este efecto siempre me ha gustado, sólo que tengo un fondo blanco. Y ahora que se acumula la nieve queda mucho mejor...

Saludos, Rosa.

priamo

Hola Rosa: El script parece funcionar:aparece la nieve y se mueve tambien si movemos el cursor pero en cuanto pico con el boton izq. del raton en cualquier parte se para la nieve y ya no vuelve a funcionar hasta que salgo y vuelvo a entrar al blog.
Lo veras en mi blog de pruebas:slotenpruebas.blogspot.com
saludos

Unknown

Me ha quedado de maravillas Rosi, cambié el color eso si y cual niña que soy me encanta mirar los copitos :D

Anónimo

Jorge Ángel Aussel ¡Un enorme abrazo!:D

Anónimo

priamo Lo siento... tampoco he comprobado todo :S de hecho este tipo de script no están pensados para funcionar en Blogger y es normal presenten este tipo de fallos... no es lo mismo una web que un blog... cada uno debe decidir si usarlo así o no.

Anónimo

Graciela Yo también lo hago:S :D

Fabiano Roberto

en mi blog me mostró un código para poner la nieve que cae, así, pero las imágenes usar para hacer esto, alias puede ver cualquier tipo de imagen, no sólo de nieve ...
http://www.dicasparablogs.com.br/2009/12/colocar-efeito-neve-no-blog.html

Yo no escribo en español, utiliza un traductor, lo siento si hay un error de transcripción.

Chary Cirujano

Hola Rosa.
Se acercan días complicados para mi, no por nada, si no por exceso de trabajo, así es que por si acaso no me da tiempo quiero desearte lo mejor para ti y los tuyos, ¡Felices Fiestas!
Un abrazo enorme

victoria polo

Por dios!. Encontrar éste blog es como si hubieran llegado los Reyes Magos antes de tiempo!. Prometo no ser muy pesada, aunque el sólo subscribirme me ha vuelto loca.... Un saludo a todos

Bonzu Pipinpadaloxicopolis III

Hola Rosa, me gusta ese efecto y lo añadí a mi blog pero se ve un poco lento, por qué será?

Anónimo

Fabiano Roberto Muy lindo efecto. Gracias!:D

SGS

Hola Rosa!

Como estas?

Vengo a molestarte con una duda que tengo hace muxo time..y es que me he decidido a utilizar las plantillas HTML,porque me gusta diseñar mis propias cosas,pero tengo un problema..necesito que la gente me deje comentarios en las entradas y no se como hacerlo!

Estuve buscando en foros y eso y encontre un muy buen codigo para un formulario que me gusto:
http://www.madboxpc.com/foro/como-crear-formulario-de-comentarios-t93301.html
(ES EL ULTIMO COMENTARIO)

Ojala entiendas mi duda y me puedas ashudar..sos mi unica esperanza Rosa!!

Desde sha muxas gracias.

Atte: Paula.

Luckitas Moya

Hola...Esta muy bueno!!! gracias

Yo ya lo aplique! :D

gracias!!!

Asun

Genial. Queda estupendo.

Un abrazo y que pases una feliz Navidad y Feliz Año.

Besos

FILÁ NOSOTRAS

hola Rosa feliz navidad lo puse pero no me funciona, el blog es este http://lomasnueve.blogspot.com/

Anónimo

Rosa,queda bonito,aunque al final no lo he implantado.
Te deseo felices fiestas y antes de que acabe el año, agradecerte una vez más la ayuda que me ofreces las veces que entro en tu blog y siempre me solucionas temas y dudas.

Enmanuel Morales

exelente truco rosa! muy bueno! :) voy a ponerlo en mi blog! gracias ;)

Jabba

Uooo! Pasana por aquí y me encuestro esta nueva y genial cabecera. Me encanta ;) . Un fuerte abrazo y que pase usted unas muy felices fiestas.

Anónimo

Bonzu Pipinpadaloxicopolis III Quizá otro script que interfiere... no se, de todos modos veo que has cambiado el sistema de la nieve...:D

Anónimo

SGS Pues lo siento, me limito a prestar ayuda si algún problema surge con la instalación de cualquier cosa de las que explico en el blog, o con algún tema en las plantillas de Blogger.. si son personalizadas o adaptadas, ahí ya no entro...

Anónimo

Asun ¡Feliz Navidad para ti también!:D

Anónimo

FILÁ NOSOTRAS Pues ni idea... eres la primera persona que me dice no funciona:S

Anónimo

Anna Jorba Ricart Gracias! Feliz Navidad para ti y todos los tuyos!!

Anónimo

Jabbitaaa ¡Lo mismo para usted!!!

Felices fiestas!!!!

flores rojas

Que tengas unas Felices Fiestas y disfrutes con los tuyos.
Saludos.

Oloman

Se nota que andas liada en otras cosas (¿Radio? ;))

¡Felices Fiestas!

Anónimo

ya lo aplique! le cambie unas cosas pero igual me gusta!! grax rosa:)

Arepita

hola, esta bueno ese script...

tambien quiero saber como puedo hacer que en los texto escritos en los post se destaquen por ejemplo como esta aqui mira

http://i45.tinypic.com/2w7fvix.jpg

Anónimo

Oloman En la radio ando si... pero no es eso, ojalá:S

Gem@

╔ ╔ ║ ⌂ ═╗
╠ ╠ ║ ║ ╔╝
║ ╚ ╚ ║ ╚═

╔╗║ ╔╗ ║║ ⌂ ╔╣ ╔╗ ╔╣
║║║ ╠╣ ║║ ║ ║║ ╠╣ ║║
║╚╝ ║║ ╚╝ ║ ╚╝ ║║ ╚╝

Sebastian

HOLA ROSA ES PRIMERA VEZ Q VISITO TU BLOG Y ME ENCANTO MUCHAS GRACIAS FELIZ NAVIDAD

Virginia Yépez

Rosa, Hola
Me encanto esta entrada, la tome y la regale de Navidad...te cuento.

Feliz Navidad, tu tan linda y servicial como siempre.
Desde Venezuela un abrazo...

dora

gracias por todo.
Te deseo una Felices fiestas y un Próspero Año nuevo.
en compañia de tus seres queridos.
Un abrazo muy fuerte.
besos Carmen

Toni

Interesante blog.

Enhorabuena por un trabajo serio y actualizado.
Te añado a Respuesta equivocada como blog amigo. Por si te quieres dar una vuelta por allí te paso la dirección:

http://respuesta-equivocada.blogspot.com/

Un beso.-
Toni (Barcelona)

aliere

Hola, Rosa, muchísimas gracias un año más por hacer nevar en mi blog, que me hace mucha ilusión todas estas cosillas navideñas.

Te quería hacer una pregunta, y es que durante un tiempo vengo observando que no se ven los seguidores de mi blog como antes, hasta el punto de que he tenido que quitar ese apartado. ¿Se te ocurre por qué puede ser y cómo solucionarlo? Sí que me di cuenta de que desaparecieron al colocar un chat en cbox, pero ahora que lo he eliminado tampoco se ven :(

Mi blog es: http://aliere.blogspot.com/

Muchas gracias de antemano por todo y que tengas unas muy felices fiestas :D

Melissa Almeida

Hola Rosa! publico en esta entrada una pregunta,, aunque no tiene nada que ver.. Como hacemos para que un blog tenga mas de un administrador, es decir, que publique entradas y otros, desde otra cuenta...

Unknown

Querida amiga:
Vine a desearte una hermosa Navidad para ti y tus seres queridos, que Jesús niño te regale muchas bendiciones y que el 2010 te llene de amor, felicidad, salud, fe y amistad. Gracias por cada momento compartido y salud! por los muchos que vendran ^_^
Un fuerte abrazo y muchos besos ronroneados
Pau

Hugo Montaña

Felices fiestas Rosa y enormes gracias por tus consejos para este principiante.

Te menciono en mi post y no te invito porque debes estar ocupada pero si quieres

licenciadoh.blogspot

Anónimo

¿No sabe si se puede poner un boton en el blog, algo asi como "Desactivar Nieve"?

A algunos nos gusta, pero otros dicen que les causa problemas mientras ven el blog.

Carlos Pizcos

Felices Fiestas compi ☺☺☺

La Trucoteca

Hola Rosa!
Queríamos desearte de corazón una muy feliz navidad y un año nuevo lleno de alegrías y de momentos buenos.
Gracias mil por todo lo que nos has brindado durante este año, y, como no, todo lo anterior :D

¡Muchísimos abrazos desde el sureste de España!

Jéssica YK

Deseo de corazón que pases una linda Navidad, Rosa, con toda tu familia y seres queridos.

Mil bendiciones para tu hogar.

Un fuerte abrazo de mi parte, desde Perú!

La Chica del Blog

Hola Rosa! A mi blog http://tumeencantas.blogspot.com le queria poner un borde o enmarcado en la parte blanca (utilizo la plantilla predeterminada de blogger: Mr. Moto pero esta un poco editada) bueno, si sabes como poner el borde para que se note la diferencia entre l fondo de color y el blanco (donde estan los posteos, y etc) me re ayudaria, desde ya gracias! y feliz navidad =)

kenneth978

Hola Rosa
Pasaba para desear una FELIZ NAVIDAD..que Santa Claus y el Niño Dios te dejen muchos Regalos llenos de Paz, Alegria, Amor, Bendiciones, Salud, Prosperidad, Sabiduria...que el 2010 se cumplan todos tus Deseos y sea mucho mejor que el año que termina...Gracias por los momentos compartidos(y los que vienen)..Besos y Abrazos ☺

Manuel Alberto

Felices Nochebuena y Navidad Rosa. Espero que la paz te acompañe en estas celebraciones y a lo largo de tu vida... :D

Bonzu Pipinpadaloxicopolis III

Feliz Navidad Rosa‼, y mejor quité la nieve de mi blog, todo se quedaba muy lento.

Unknown

:S :O mi cabeza loca

Rosi Feliz Navidad!!! que el Niño Jesús renazca en todos los corazones de tu familia.

Bebe poco ;) -recuerda lo del chicle-

Gracias por compartir todo con nosotros y los mejores deseos: salud es lo único que importa.

Besos mi chica y nos vemos cada día :P

Juanma™

¡Felices Fiestas Rosa, espero que pases una genial Navidad!

Saludos desde el sur.

Sílvia

Hola Rosa!
Felices fiestas.
un abrazo
sílvia

Anónimo

;) Felices Fiestas y un año 2010 lleno de amor, paz y felicidad. Un abrazo Rosa procurare comentar más a menudo el próximo año, me lo pongo como propósito para el 2010.

Anónimo

Carlos Soler Felices Fiestas y Prospero 2010!!!:D

Anónimo

Sílvia Felices Fiestas! Un abrazote a ti también!!

Anónimo

Juanma™ Felices Fiestas a ti también... con retraso:S...si, así como dices ha sido, han estado genial;)

Anónimo

Manfenix Gracias!!!:D Mis mejores deseos para ti y todos los tuyos!
Un abrazo!

Anónimo

tumeencantas Tendrías que añadir el borde en esta parte del código de tu plantilla:
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 800px;
text-align: left;
background: #ffffff url() top right repeat-y;
font: normal bold 88% Trebuchet, Trebuchet MS, Arial, sans-serif;
}

Anónimo

Don Choky No que yo sepa...

Gloria

Bueno, aunque un poquito tarde, te queria desear Rosa, una Feliz Navidad y un Próspero Año Nuevo:P.

Deybi

Hola Rosa.

Vengo, hoy no en plan de preguntadera, más bien me tomo unos cuantos segundos para desearte que tengas una muy feliz navidad, un año nuevo próspero, y cargado de muchas cosas positivas para tí y los tuyos.

Un gran saludo :D. Felices Fiestas.

Anónimo

Deybi Feliz Navidad y prospero Año 2010 a ti y a todos los tuyos!:D

Anónimo

Gloria Feliz Navidad a ti también y muy feliz 2010!! Gracias por estar!

Anónimo

Mel Almeida En tu panel de Blogger - Configuración - Permisos...

Anónimo

aliere Contesto esa pregunta casi a diario... no se sabe exactamente... muchas cosas afectan a ese gadget que Blogger controla directamente, así que nada podemos hacer al respecto..

Anónimo

Arepa Se distinguen porque son enlaces (al menos en ese ejemplo que pones) y los enlaces tienen un diseño propio en la plantilla.

Anónimo

@ dora @ Viryi @ Sebastian @Gem@ ¡Feliz Navidad y prospero Año Nuevo!! :D:D

Joaco

Hola Rosa, no es por ser un amargado ni nada, pero me encantaba cuando posteabas más seguido. Teníamos más cosas a mano y bueno.
Ahora mira el top comentaristas, son solo 25 comentarios el máximo, y si te fijas hace unos meses atrás tenía como 70 el máximo comentador. Es verdad, ahora tienes la radio que es lo que a ti te gusta, pero bueno...
Un saludo!

Anónimo

Ascesino96 Ni tu ni nadie es quien para decirme cuando debo postear... y si tu crees que se deba a la radio, mejor para ti, pero si usases la cabeza quizá te daría para pensar que puede ser otro tema lo que me impida postear o que sencillamente no me apetece...
Deberías tratar de entender y aprender de lo que ya está posteado, así sabrías por ejemplo, que el top comentaristas se refresca una vez ha alcanzado el número de comentarios establecido en su código...
Feliz Navidad!!!

Susana

Hola Rosa, ya se que no necesitas justificarte ni nadie que te defienda, pero me ha indignado el comentario de Ascesino96 (su mismo nick ya lo define). A veces no te agradecemos lo suficiente todo lo que haces por nosotros, y se presupone que siempre estás ahí para solucionar nuestros problemas y dudas. Este es tu blog y como tal debemos respetarlo. Y si a alguien no le gusta no tiene mas que navegar por otro lado, que el ciberespacio es muy grande.
Un beso grande y felicitarte en estos días.

ARAC

Rosa: Espero que hayas pasado una linda Navidad, y te deseo un Próspero Año Nuevo!!!
Ojalá en el 2010 se cumplan tus deseos y sea mucho mejor que éste.
Un beso grandote y que sigás muy bien!

Raúl

PD: muchísimas gracias por otro año más de tu grata compañía, ayudándonos a mejorar nuestros blogs.

Anónimo

Susana Da una enorme satisfacción el saber que hay gente como tu que respeta a los demás.
Felices Fiestas y Prospero Año 2010!!!

Un abrazo!!! y por supuesto, muchas gracias por tu apoyo! :D

Anónimo

ARAC-MULTIMEDIA Felicidad para ti, en el año nuevo y en los siguientes...
Muchas gracias por estar! :D
Un abrazo!

Vku

MI QUERIDA GRAN AMIGA TODO LO MEJOR PARA TI Y TU FAMILIA.

POR LA PAZ EN EL MUNDO FELICIDADES

Jaime Trujillo Escobedo

Tras las "mini-vacaciones" vuelvo cargado de ilusión junto con la familia bloggeril ^^.

Quería desearte una bella Navidad y un maravilloso año nuevo ;).

¡¡Un GiGantesco abrazo Rosa!!

MAURO

Rosa, en mi blog http://los-pilarenses.blogspot.com/ cuando le hago un clic para expandir o contraer la sidebar, me manda hacia arriba... prueba y mira, hace un par de dias me hace eso, hasta entonces me andaba perfecto, saludos.

Mary Lovecraft

Hola Rosita Linda

vengo a desearte un muy feliz 2010 y que todo te vaya realmente genial en esta año nuevo que en nada comienza

un beso muy grande

¡muuuuuak!

:)

Anónimo

Vku ¡Felicidades Vku! Por la paz...:D

Anónimo

@ Jaime Trujillo Escobedo Feliz Año Nuevo para ti y todos los tuyos!!! Un abrazote!!!

@ Mary Lovecraft ¡Gracias por estar! Felicidad para el año nuevo y venideros!!
Muakkkssss!

Anónimo

MAURO Si hace un par de días estaba bien y no has tocado ahí nada, tiene que ser algo nuevo que has incluido y que no combina con el código de scriptaculos... podría ser un gadget en flash, un slide... cualquier cosa del estilo...

Alberto Fuentes

,uy aplicable lo que publicas, saludos y feliz 2010!!!

Anónimo

está muy lindo!

gracias!

Karen

:) gracias, quedó muy bonito

el alma te cuenta

Hola Rosa, Le inserte el script de nive y me quedo de lujo muchas gracias

http://elalmatecuenta.blogspot.com

Drawer 4 Everyone

Estamos en verano, pero esto viene bien saberlo para antes de que llegue la fecha estar preparado...

¿Pero no crees que es un código un poco-muy-mucho grande ?

Anónimo

Drawer 4 Everyone Lo es "a la vista" pero no en su "peso"... ni te imaginas la cantidad de script enormes como este que se pueden añadir en la plantilla sin problemas...

Isami

vaya es precioso!! Lo he probado y queda genial en mi blog. Muchísimas gracias Rosa, no sabes cuanto me has ayudado ya con tus posts:)

Admin

Estoy buscando un efecto que puse el año pasado que no era nieve sino imagenes, pero no me acuerdo de donde lo saqué, también era un script.
Yo había puesto estrellitas doradas, creo que las imagenes las tengo, pero no el script ni como se colocaba o donde :S

Tenés alguna idea sobre eso? No se si lo posteaste vos o Gem@, pero al blog de Gem@ no puedo entrar desde que tengo Linux :(

Si lo tienes por acá y me guías, me harías un favor, sinó le mando un mail a Gem@.

Ahora que lo pienso creo que no fue el año pasado sino el anterior... con razón no me acuerdo nada :(

Un besote Rosa ;)

Anónimo

k_nelia Antes que nada decirte que envies un email a Gem@ de igual modo para tu problema con Linux, pues si no recuerdo mal, leí allí un mensaje de un chico que decía había encontrado una forma de acceder desde Linux... preguntale, quizá esté yo equivocada, pero si creo recordar algo de eso...

En cuanto a la nieve con imagen, no recuerdo que Gem tenga eso... pero mira aquí a ver si este te sirve:

http://meta-microcosmos.blogspot.com/2007/12/navidad-nevando-en-tu-blog.html

Admin

Gracias Rosa, ya puedo entrar al blog de Gem@, me compré una NetBook ayer con Windows 7 y lo primero que hice fue ir a comentar en su blog :D Hacía tanto que no podía... :(

Un beso ;)

Anónimo

k_nelita Me alegra leer eso :D

Un besote :F

Liando los Hilos

Que bueno, muchas gracias me funciona muy bien.

Silvia

como puedo encontrar la palabra /head en todo el codigo? por favor y gracias

Anónimo

Silvia Buscándola cielo... y no es difícil de ver. No obstante puedes ayudarte con tu navegador:
http://elescaparatederosa.blogspot.com/2007/09/encontrar-una-parte-de-codigo-en-la.html

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S