Papá Noel cayéndose y desvaneciéndose en tu blog

Siguiendo con los trucos para decorar tu blog en navidad , hoy comparto un gran truco para  que decores tu blog  acorde a esta época, en la cual es común imágenes de Papá Noel y estrellas.

Con el truco añadirás a tu blog imágenes de Papá Noel  que van cayendo lentamente por el blog  y se van desvaneciendo de igual forma.

La imagen que se muestra en el truco es la siguiente:


Para agregar este espectacular truco a tu blog ve a Diseño, Añadir Gadget, HTML/JavaScript y pega allí lo siguiente:
<script>
/***** Papa Noel 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']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisRNoiSNphrF5iGr2Rmqo-mKat905oCQBpTJY0io6xjHyS8RbQwUQhGJa56qMMhGIU5-1AaHFUd5TjiRDcwoC24LFd6_VO2j9smp8j3YlfWfg4F-eyHax5yo6inx6O7skOziYBhWaz8uHZ/s1600/papa+noel.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.

Espero que te guste este tutorial y que vuelvas pronto a visitar Mil Trucos Blogger porque seguiremos publicando mas trucos para que decores tu blog acorde a la época navideña.
Comparte este artículo:
+
Pagina Anterior
« Entradas mas Recientes
Pagina Siguiente
Siguiente Publicación »
0 Komentar untuk "Papá Noel cayéndose y desvaneciéndose en tu blog"

Terima Kasih Sudah Berkomentar
 
Back To Top