Come aggiungere la neve nel tuo blog per Natale!

22.12.21
Simona S.
6 commenti

Niente rende il clima più natalizio della neve che cade silenziosa 😊 E se questa atmosfera ci fosse anche nel tuo blog?

Beh, ho trovato un codice che rende tutto questo possibile!

È semplice da inserire (giuro!), l'ho testato sul mio blog e modificato per renderlo ancora più carino del codice orginario.

Come inserire la neve nel blog.

Prima di fare qualsiasi modifica all'interno del tuo blog, ricorda di fare il back-up!

Per far nevicare devi seguire pochi, semplici passaggi:

  • Entra nel codice del tuo blog; per Blogger vai in Tema, clicca sul tasto arancione della freccia e scegli Modifica HTML.
  • Incolla lo script qui sotto prima del tag di chiusura </body>; clicca all'interno del codice e premi CTRL+F per aprire la casella di ricerca , scrivi il tag da cercare e premi invio.
  • Salva le modifiche.
<script type='text/javascript'>
//<![CDATA[    
    let snowmax = 30,
    snowcolor = new Array("rgba(220,220,220,0.2)", "rgba(255,255,255,0.3)", "rgba(255,255,255,0.4)", "rgba(255,255,255,0.6)", "rgba(255,255,255,0.8)"),
    snowletter = new Array("*","❆","❅","❅"),
    sinkspeed = 0.8,
    snowmaxsize = 15,
    snowminsize = 8,
    snow = new Array,
    marginbottom,
    marginright,
    timer,
    i_snow = 0,
    x_mv = new Array,
    crds = new Array,
    lftrght = new Array;
for (i = 0; i <= snowmax; i++)
  document.write("<span id='s" + i
    + "' class='snowflake' style='pointer-events:none;z-index:9999;position:fixed;top:-"
    + snowmaxsize
    + "'>"
    + snowletter[randommaker(snowletter.length)]
    + "</span>");

window.onload = initsnow;
function randommaker(o) {
  return rand = Math.floor(o * Math.random()), rand
};
function initsnow() {
  marginbottom = window.innerHeight, marginright = window.innerWidth - 15;
  var o = snowmaxsize - snowminsize;
  for (i = 0; i <= snowmax; i++) crds[i] = 0, lftrght[i] = 15 * Math.random(), x_mv[i] = 0.03 + Math.random() / 10, snow[i] = document.getElementById("s" + i), snow[i].size = randommaker(o) + snowminsize, snow[i].style.fontSize = snow[i].size + "px", snow[i].style.color = snowcolor[randommaker(snowcolor.length)], snow[i].sink = sinkspeed * snow[i].size / 5, snow[i].posx = randommaker(marginright - snow[i].size), snow[i].posy = randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size), snow[i].style.left = snow[i].posx + "px", snow[i].style.top = snow[i].posy + "px";
  movesnow()
};
function movesnow() {
  for (i = 0; i <= snowmax; i++) crds[i]
    += x_mv[i], snow[i].posy
    += snow[i].sink, snow[i].style.left = snow[i].posx
    + lftrght[i] * Math.sin(crds[i])
    + "px", snow[i].style.top = snow[i].posy
    + "px", (snow[i].posy >= marginbottom - 2 * snow[i].size || parseInt(snow[i].style.left) > marginright - 3 * lftrght[i]) && (snow[i].posx = randommaker(marginright - snow[i].size), snow[i].posy = 0);
  setTimeout("movesnow()", 40)
};
    //]]>
</script>

È tutto!

Lasciami un commento se lo usarei per abbellire il tuo blog.

Alla prossima! Byeeee 🤗


Per il Blogmas, ecco i post pubblicati questa settimana!

Caro Babbo Natale: la mia wishlist (i libri di Freeder, tutto per una blogger)

Caro Babbo Natale: la mia wishlist (dolcezze di mamma, per finire con una risata) 

Biglietti di Natale fai-da-te e tradizioni (doni creativi)

Le due facce del Natale (il diario di Murasaki, che scrive giornalmente i suoi pensieri sul Natale)

I preferiti di Dicembre: film, musica, libri e Cosa vorrei per Natale (ho voglia di chiacchiere)



tutorial come aggiungere effetto neve nel blog


6 commenti:

  1. Ovvio che utilizzerò il codice e mi piace un casino! Grazie mille per il tuo tutorial. 😍🤗

    RispondiElimina
  2. Non ce l'ho fatta! Sigh! Sono proprio una schiappa...

    RispondiElimina
    Risposte
    1. Ho trovato un altro modo (anche più semplice 😅.
      Vai in Layout e scorri fino ad arrivare ai gadget del Footer (quelli a piè di pagina). Scegli il widget HTML/Javascript e incolla lì questo codice.
      Vedrai che così funziona lo stesso 🤗

      Elimina

Grazie di aver commentato il post!
Per favore NON lasciare link, a meno che non siano richiesti espressamente nel post stesso.
I commenti con link non richiesti verranno considerati come SPAM e quindi subito cancellati.
So che capirai ;)