Nieve que cae y se desvanece en el blog

Ya mañana es primero de diciembre y esto significa que ya esta muy cerca la navidad, una fecha muy especial para muchas personas que tambien quieren poner acorde a la fecha sus blogs y es por ello que hoy les presento este truco “Nieve que cae y se desvanece en el blog”.

El copo de nieve que se muestra es el siguiente:


Para agregar este truco ve  a Diseño | Añadir un gadget | HTML/Javascript y alli pegas lo siguiente:

<script>
    /***** Nieve cayendo en el blog *****/
    if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['corazon']="http://www.miltrucosblogger.com/wp-content/uploads/2012/11/nevar.gif";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(8500,10000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,9000))};$pdj('<div></div>').attr('id','corazonDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=15;i++){var g=$pdj('<img/>').attr('src',image_urls['corazon']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('corazonDrop').appendTo('#corazonDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});</script>

Por ultimo guardas los cambios y listo. Puedes ver el truco en este blog de pruebas.

Recuerda que el truco utiliza libreria jQuery asi que si no funciona ten en cuenta que se debe a la version que usas de jQuery.

Relacionados

Estilos para los Comentarios Anidados Los nuevos comentarios anidados de Blogger trajeron consigo la perdida total de los estilos en los comentarios que muchos bloggers teniamos en nuestro...
Comentarios de Google+ en plantillas personalizada... Los comentarios de Google+ han sido la sensación en Blogger, y a pesar de que tienen sus contras muchos han optado por instalarlos, pero se han cho...
Añadir menú desplegable con buscador interno y r... Los menús desplegables son una genial forma de ahorrar espacio en nuestros blogs porque se le pueden agregar múltiples enlaces y funciones en un sol...
Marcadores Sociales estilo Windows 8 para Blogger Con el reciente lanzamiento de Windows 8, las cosas con ese estilo se han puesto de moda y Blogger no es la excepción, teniendo en cuenta el estilo d...

Share

9 comentarios en “Nieve que cae y se desvanece en el blog

  1. Muy buenas, estoy intentado descargarlo pero me aparece “error en la URL” y que tengo que modificar caracteres, ¿cuál puede ser el problema?
    Mil gracias.

Deja un comentario

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

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>