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.
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.
){kind=link}
0 comentarios