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

Mensaje de navidad al estilo de Google Si pones en Google "Feliz navidad" en Google veras como la parte superior de la pestaña esta adornada por un hermoso efecto navideño, si ya te has d...
Iconos Sociales con efecto Hover y giros de 360 gr... En esta oportunidad quiero compartir con ustedes un pack de iconos sociales con efecto hover (al pasar el cursor sobre ellos se tornan más visibles) ...
Iconos sociales con efecto hover Los iconos sociales cada día cobran mas importancia y es por ello que se ha hecho casi indispensable que todo sitio web tenga un pack de iconos s...
Tal.ki: Un foro para tu blog Hoy vengo con un truco que considero es bastante util ya que añade un foro a tu blog que se aloja directamente en tu blog no como otros trucos que ha...

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>