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)
Ovvio che utilizzerò il codice e mi piace un casino! Grazie mille per il tuo tutorial. 😍🤗
RispondiEliminagrazie 🤗 hai visto com'è stato facile? 😍
EliminaNon ce l'ho fatta! Sigh! Sono proprio una schiappa...
RispondiEliminaHo trovato un altro modo (anche più semplice 😅.
EliminaVai 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 🤗
Ce l'ho fatta! Grazie!
Eliminane sono felice 🤗
Eliminafatto, bellissimo, grazie
RispondiEliminagrazie a te per il feedback 😍
Elimina