Foglie che cadono nel blog per un effetto autunnale.

Effetto di foglie cadenti da visualizzare nel blog nel periodo autunnale.

Eccomi nuovamente a presentare uno di quei widget stagionale che tanto piacciono specialmente alle lettrici per abbellire i loro blog. Avevo già presentato una cascata di foglie cadenti con la possibilità di scegliere la foglia che più ci piaceva tra le otto disponibili.

 

Con questo nuovo effetto vengono visualizzate quattro tipi di foglie che andranno ad adagiarsi nel fondo del blog. E' facilissimo sostituire le immagini che proporrò con altre che magari vi piacciono di più. E' anche possibile cambiare il tema dell'effetto e al posto delle foglie scegliere per esempio dei fiori per passare immediatamente a un effetto primaverile. Si tratta di un javascript che sfrutta la libreria JQuery e quindi potrebbe essere incompatibile con alcuni modelli che non la supportano

 

Per l'installazione non occorre modificare il modello. Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice in Sezioni del sito

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!fogliesecche){var fogliesecche=Array()}if(!flash_urls){var flash_urls=Array()}fogliesecche['leaf1']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_1D03IR5EkpCr3L01OTRs6fnluyAetN1fZprc4_kng7Qt7plQBP2YgJqxDURdmRfj-Y0nHgnSAyvxfMVXNdRnNpErN7VBnRioEVIwBbm82v4mHjFJ8ACbRcUDm6wKmWFDV-j_7cNJOhop/s70/foglia12.png";fogliesecche['leaf2']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn4GU8eDoaXGp6nSmb90GQShaBTxe9IGoKrZNMk57zkTjbX6h22aoB33kWzyTooc4ZbZT00RF8GWGOUIG44Wshu2HjAmlaJIHOivMrtpo-Pjr4Btn1CFLmbN-zKlg3wpcbkiF1RwtGlfxj/s70/foglia22.png";fogliesecche['leaf3']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-witj82M89Wc23M8Pne5pfyZUIaZoiOmLtRC6v5z2b7nn2FrK7702W8hgiQbGRZOjXEJnzU_LO2WtHSmEJ3gNcMb68v30HvhspQ26IbF976EeBREyP0tJlo6B_UmYdAwsZjFo3-ojlff/s70/foglia32.png";fogliesecche['leaf4']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbxZQ-nQG3Wv12HH3qIwuyZiDaUwRpfc1OUP8HcKiiHm0wjoMeOVQTEKd4gNeGwiZ2sYM15xEN-BC7FjR6aBfkZ37FYNZrnibBqgxINo0G6XJiwSoiBCYqXEfF8YZVo-CTfprxojxv-je/s70/foglia42.png";$(document).ready(function(){var c=$(window).width();var d=$(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(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','leafDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',fogliesecche['leaf'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('leafDrop').appendTo('#leafDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src=http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js>');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_1D03IR5EkpCr3L01OTRs6fnluyAetN1fZprc4_kng7Qt7plQBP2YgJqxDURdmRfj-Y0nHgnSAyvxfMVXNdRnNpErN7VBnRioEVIwBbm82v4mHjFJ8ACbRcUDm6wKmWFDV-j_7cNJOhop/s70/foglia12.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'#'}).append(a).appendTo('body')});</script>

 

Si salva e si posiziona l'elemento pagina subito sotto l'Header o sopra l'area del post quindi si va su Salva disposizione. Le foglie che ho scelto sono tutte in formato PNG di larghezza 70 pixel

Se si vogliono cambiare basta sostituire i loro URL colorati di rosso con quelli di altre immagini.