Ya casi es semana santa en muchos paises catolicos como el mio y habra algunos que querran poner su blog a tono con la epoca por lo que hoy traigo un truco en el cual se muestran unos lindos angelitos que van cayendo lentamente hasta desvanecerse.

El angelito que se muestra en el truco es el siguiente:

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

 <script>
    /***** Angeles 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/03/Angel-05.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.

Otras imagenes de ángeles en éste blog


13 comentarios

Zara · abril 1, 2012 a las 1:38 pm

Genial Juvinao usare este bello truco en Semana santa 😈

    Juvinao · abril 1, 2012 a las 1:45 pm

    Gracias Zara por comentar y me alegra que lo uses.

variedades palencia · abril 2, 2012 a las 4:07 am

Buenas amigo, tú haces intercambio de banner? si te interesa te puedo agregar en mi pagina web un banner de tu pagina con medidas de 80×420 y tu agregas un banner de mi web de cualquier medida la que tu decidas, mi pagina es muy visitada es una tienda on-line y aquí puedes ver un ejemplo de donde iría tu banner en una de mis publicaciones en la parte superior veras un banner de una web hay iría el tuyo pero en otra de mis publicaciones aquí te dejo el link para que revises entra por favor:
http://www.variedadespalencia.com/2011/05/blackberry-curve-8310.html
Y la página de inicio es esta:
http://www.variedadespalencia.com siempre está en constante actualización, si te animas me avisas me envías tu banner a: ventas@variedadespalencia.com yo te envió el mío por la misma vía
ANIMATE ESTA ES UNA FORMA DE AYUDARNOS MUTUAMENTE Y GRACIAS POR TU TIEMPO.
SUERTE…

Juan Gonzalez · abril 4, 2012 a las 1:19 pm

Hola Juvinao, muy buen truco!

Por cierto necesito opiniones de mi nueva plantilla, totalmente diseñada por mí… ¿qué tal te parece?

Saludos bro!

    Juvinao · abril 4, 2012 a las 9:05 pm

    Esta muy buena amigo,cada vez estas encontrando un diseño acorde a tus necesidades

    Juan Gonzalez · abril 8, 2012 a las 7:17 pm

    Jajaj no es para mi, es para un lector de mi blog. Me alegro que te guste!!!!

    Otro saludo ejejeje!

    Juvinao · abril 8, 2012 a las 7:49 pm

    Vaya pense que era para ti amigo,saludos bro 🙂

Vida Sana · noviembre 7, 2012 a las 2:27 pm

demasiado bello!!! ideal para mi blog! 😉 gracias

    Juvinao · noviembre 7, 2012 a las 3:08 pm

    Si muy bello este truco 😛 Gracias por comentar…

luz en tu vida · diciembre 6, 2012 a las 7:42 pm

Hola Juvinao, no funcionó en mi pagina, nieve sobre mi blog. Me ayudas

Responder a Anonymous Cancelar la respuesta

Marcador de posición del avatar

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