Blogger Book

Non è come quel ragno di Halloween che abbiamo visto un po' di tempo fa, che non era altro che una GIF animata. Questo fa parte della ragnatela moderna, realizzata in tela, ed è un ragno che si muove da solo all'interno della sua ragnatela. Possiamo trascinare il ragno, la ragnatela e i suoi punti di supporto con il cursore. La demo è proprio qui.

 Il nostro ragno interattivo in Blogger.

Un divertente esperimento targato Subprotocol.

Questo divertente esperimento è di Sub Protocol e farà parte delle nostre decorazioni di Halloween sul blog. 

Questo aracnide richiede due script per essere eseguito, entrambi ospitati da me, quindi non dovrete preoccuparvi di trovare un servizio di hosting. 

Tuttavia, ho notato che queste canvas funzionano in modo più efficiente se ospitiamo gli script direttamente nel template, o almeno questo è quello che ho notato.

Per posizionare questo spider interattivo sul tuo blog, vai su Design | Aggiungi un gadget | HTML/Javascript e incolla questo codice:

Ecco il codice che ti serve.

<script src='https://googledrive.com/host/0B1sh31bxfVkGYUVMRXFyeUROQ2s' type='text/javascript'></script>
<canvas id='scratch' style='width: 500px; height: 350px; margin-left: -80px; margin-top: -30px;'></canvas>

<script src='https://googledrive.com/host/0B1sh31bxfVkGbTVWTlhlangwdWM' type='text/javascript'></script>

Se preferisci, puoi anche renderlo "flottante", ovvero rimanere statico indipendentemente dal fatto che tu scorra la pagina verso l'alto o verso il basso. Per ottenere questo risultato, aggiungi semplicemente quanto segue sotto il codice precedente.

<style>
#scratch {
position: fixed;
top: 0px;
left: 0px;
}
</style>

Con "top", indichiamo che dovrebbe apparire in alto; se lo vuoi in basso, cambialo in "bottom". Con "left", lo adattiamo a sinistra; se lo vuoi a destra, cambialo in "right". Tieni presente che, se lo fai fluttuare, potrebbe nascondere qualche elemento del tuo blog sottostante.