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

Imagen con texto sobrepuesto en Blogger En esta oportunidad les traigo un genial truco que consta de una imagen con texto sobrepuesto en Blogger: Para agregar este truco ve a la Edició...
Contador de visitas para cada post en Blogger Esta vez traigo un contador de post individual para cada entrada o post en Blogger. Un truco similar fue hecho hace algun tiempo pero dejo de funci...
Muñeco de nieve flotando en tu blog Aprovechando que ya es navidad, he decidido compartir con ustedes este truco que hice en mi tiempo libre, y consta de un muñeco de nieve que va flota...
Juego de Plants vs Zombies para Blogger Uno de los juegos mas populares de los últimos tiempos ha vuelto y esta vez ha vuelto en una versión en linea para que lo podamos agregar en nuestro...

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>