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.
25 comentarios
iRe - Fondos Animados Android · febrero 12, 2012 a las 10:40 pm
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 😀
Juvinao · febrero 13, 2012 a las 6:39 pm
iRe – Fondos Animados Android si a mi tambien me gusto mucho el truco y gracias por utilizarlo 😛
Jorge Luis · febrero 13, 2012 a las 4:28 am
excelente junivao buen aporte
Juvinao · febrero 13, 2012 a las 6:39 pm
Jorge Luis gracias por comentar.
Cloudx18 · febrero 13, 2012 a las 11:21 pm
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 😀
Juvinao · febrero 14, 2012 a las 2:31 pm
Cloudx18 en serio brother?..Un bloggero tan genial como tu revisando mi blog genial! 😎
Jose Martinez · febrero 15, 2012 a las 2:11 pm
Este comentario ha sido eliminado por un administrador del blog.
Anonymous · febrero 16, 2012 a las 7:39 pm
Este comentario ha sido eliminado por un administrador del blog.
Jose martinez · febrero 16, 2012 a las 7:50 pm
Este comentario ha sido eliminado por un administrador del blog.
Juvinao · febrero 16, 2012 a las 7:54 pm
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.
Jose Martinez · febrero 16, 2012 a las 8:28 pm
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
Juvinao · febrero 16, 2012 a las 8:32 pm
Respeto tu opinion pero por favor se mas sutil con tu forma de hablar,yo no le falto el respeto a nadie.
Cloudx18 · febrero 16, 2012 a las 8:39 pm
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…
Juvinao · febrero 16, 2012 a las 8:46 pm
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 · febrero 16, 2012 a las 8:50 pm
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
Juvinao · febrero 16, 2012 a las 8:54 pm
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 · febrero 16, 2012 a las 8:58 pm
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 ….
Juvinao · febrero 16, 2012 a las 9:11 pm
Amigo en serio no me acuerdo de ti si me dices tu nombre talvez me acuerde de ti.
Sergio Molina · febrero 16, 2012 a las 9:17 pm
Este comentario ha sido eliminado por el autor.
Sergio Molina · febrero 16, 2012 a las 9:20 pm
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
May · febrero 16, 2012 a las 8:13 pm
Que curiosa plantilla Juvinao es buena 😉
Sergio Molina · febrero 16, 2012 a las 9:18 pm
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
Juvinao · febrero 16, 2012 a las 9:26 pm
Gracias Sergio Molina por tu comentario.
Anonymous · febrero 16, 2012 a las 9:22 pm
Fue en la biblioteca en el paradero de buses de la biblio alejandro galvis en las cra 28 con 60, frente al colegio
Juvinao · febrero 16, 2012 a las 9:27 pm
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.