Lavoriamo insieme ✨

Sei pronta a diventare la blogger che hai sempre sognato di essere?
Agire facendo il primo passo è un ottimo modo per cominciare ecco chi sono

Blogger in Azione

Blogger in Azione

Primi Passi

Primi Passi

F.A.Q.

F.A.Q.

Come aggiungere la neve nel tuo blog per Natale!

22.12.21
Simona S.
8 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


8 commenti in "Come aggiungere la neve nel tuo blog per Natale!"

  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!
Solitamente rispondo ai commenti nelle prime 24 ore, se hai richieste urgenti puoi scrivermi usando il modulo dei contatti :)

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