Mil Trucos Blogger

Rosas que caen y se desvanecen en el blog

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

Aprovechando que es el mes del amor (aclaro que no soy uno de esos enamorados que este mes se dan de Romeo y Julieta),siguiendo con la entrada les venia contando que en este mes del amor he decidido crear un sencillo pero genial truco en el que se ven unas rosas que caen y se desvanecen en el blog.

En el truco se vera la siguiente rosa.


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

<script>
/***** Rosas 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/02/LH00CE0T.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.

0
Shares

Relacionados...

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

25 Comentarios

  1. febrero 12, 2012    

    Mil gracias por el tip, y por mostrar la demo en ese blog de pruebas, queda bastante bonito, y es por ello que lo voy a integrar en uno de mis sitios 😀

    • febrero 13, 2012    

      iRe – Fondos Animados Android si a mi tambien me gusto mucho el truco y gracias por utilizarlo 😛

  2. febrero 13, 2012    

    excelente junivao buen aporte

    • febrero 13, 2012    

      Jorge Luis gracias por comentar.

  3. febrero 13, 2012    

    Brother, está excelente el aporte 😀 no pude revisar tu blog antes o me los llevaba a mi blog (Eso que no soy de sacar cosas de otros, pero esto me fascinó)

    Un saludo master 😀

    • febrero 14, 2012    

      Cloudx18 en serio brother?..Un bloggero tan genial como tu revisando mi blog genial! 😎

  4. febrero 15, 2012    

    Este comentario ha sido eliminado por un administrador del blog.

  5. Anonymous Anonymous
    febrero 16, 2012    

    Este comentario ha sido eliminado por un administrador del blog.

  6. febrero 16, 2012    

    Este comentario ha sido eliminado por un administrador del blog.

    • febrero 16, 2012    

      Dime que tienes contra mi que te hecho para que me faltes al respeto porque no das la cara.

      Deja al menos un sitio web donde pueda contactare y asi solucionar el problema que tienes conmigo.

    • febrero 16, 2012    

      De que estas hablando Hayder Norberto Juvinao Nuñez, yo solamente soy un fiel lector que se está quejando de tu inexperiencia e ineptitud para bloggear..

      Solo eres un copy-pastero

    • febrero 16, 2012    

      Respeto tu opinion pero por favor se mas sutil con tu forma de hablar,yo no le falto el respeto a nadie.

    • febrero 16, 2012    

      Jose, si no te gusta el sitio de Juvinao, no hace falta que lo molestes, es simple, ¿Te lo explico? ¿Necesitas un tutorial para no ser un spammer troll odioso? ¿Juvinao se ha metido con tu sitio? Creo que esto es inmaduro e innecesario… Si hay algo en lo que estás en desacuerdo con el admin, respetuosamente se lo haces saber a modo de consejo o sugerentemente…

      Además Juvinao no hace copy-paste…Busca un fragmento de texto en Google y verás que no es copy-paste..

      Juvinao, mejor deshabilita los comentarios anónimos y de URL, para que por último sepas de quién es la opinión ya que cualquiera puede tomar un nombre y ponérselo… COBARDÍA PURA…

    • febrero 16, 2012    

      Si amigo creo que es la unica solucion posible para erradicar de raiz a este spammer,ya me canse de ser bastante tolerante con este tipo-no le respondo como se merece por respeto a mis lectores.

    • Anonymous Anonymous
      febrero 16, 2012    

      Ok, creo que me pase, deje salir mi ira un poco, estoy en desacuerdo con muchas cosas, pero mis respetos para Cloudx18, por tu experiencia es que tal vez no me di bn las palabras, que pena de todas maneras, pero estoy en desacuerdo por el concurso, que segun juvinao iba a hacer, mil disculpas a todos los lectores

      por el respeto que se merece Cloudx18

    • febrero 16, 2012    

      Mira amigo el concurso lo hice,dije el nombre de los ganadores en la pagina de facebook del blog pero nadie reclamo el premio asi que por eso no hice entrega del premio al ver que nadie lo reclamo.

    • Anonymous Anonymous
      febrero 16, 2012    

      Que pena hombre, de veras me siento maluco tratarte tan mal pero, puede que no te acuerdes de mi, hablamos, ibas por el centro de barrancabermeja y fue hace como 2 años, ibas en el autobus con gorra, jean bota campana y un buso ….

    • febrero 16, 2012    

      Amigo en serio no me acuerdo de ti si me dices tu nombre talvez me acuerde de ti.

    • febrero 16, 2012    

      Este comentario ha sido eliminado por el autor.

    • febrero 16, 2012    

      Juvinao amigo, te lei en Ayudabloggers y te leo en tu blog, no debes pararle atencion a estos tipos, solo ponle filtros a los comentarios y listo!

      Saludos

      Cloudx18 y Juvinao

  7. May May
    febrero 16, 2012    

    Que curiosa plantilla Juvinao es buena 😉

  8. febrero 16, 2012    

    Que mal que se peleen por comentarios se ve muy mal, de todas maneras, Excelente blog juvinao muy bonito el rediseño, una plantilla muy limpia

    saludos

    • febrero 16, 2012    

      Gracias Sergio Molina por tu comentario.

  9. Anonymous Anonymous
    febrero 16, 2012    

    Fue en la biblioteca en el paradero de buses de la biblio alejandro galvis en las cra 28 con 60, frente al colegio

    • febrero 16, 2012    

      Vamos al chat del blog por favor y dejemos de cruzar comentarios en las entradas esto es de mala etiqueta.

      Voy al chat ahora mismo asi que te espero.

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