Mil Trucos Blogger

Ángeles que caen y se desvanecen en el blog (Especial Semana Santa)

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

Como ya estamos en semana santa y no falta el bloguero que quiera decorar sus blogs con gadgets y demás artilugios sus blogs, en Mil Trucos Blogger hemos decidido publicar desde esta semana varios trucos y gadgets con la temática de semana santa perfectos para ser agregados en sus blogs para esta época y darle un toque nuevo y religioso a sus blogs.

Ángeles cayendo que caen y se desvanecen en el blog (Especial Semana Santa)

Así que acorde con lo anterior, he hecho un pequeño truco para Blogger, el cual consta de unas bonitos ángeles que van cayendo lentamente hasta desvanecerse.

El ángel que se muestra en el truco es la siguiente:

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

<script>
    /***** Ángeles GIF 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/2015/03/Angeles-2BSemana-2BSanta-2BGadget-2BBlogger.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.

Recuerda que el truco utiliza librería jQuery así que si no funciona ten en cuenta que se debe a la versión que usas de jQuery.

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

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