Mil Trucos Blogger

Angeles que caen y se desvanecen en el blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

13 Comentarios

  1. Abril 1, 2012    

    Genial Juvinao usare este bello truco en Semana santa 😈

    • Abril 1, 2012    

      Gracias Zara por comentar y me alegra que lo uses.

  2. Abril 2, 2012    

    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…

  3. Abril 4, 2012    

    Hola Juvinao, muy buen truco!

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

    Saludos bro!

    • Abril 4, 2012    

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

    • Juan Gonzalez Juan Gonzalez
      Abril 8, 2012    

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

      Otro saludo ejejeje!

    • Abril 8, 2012    

      Vaya pense que era para ti amigo,saludos bro 🙂

  4. Noviembre 7, 2012    

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

    • Noviembre 7, 2012    

      Si muy bello este truco 😛 Gracias por comentar…

  5. Diciembre 6, 2012    

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

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo