Pagina aggiornata... Giovedì, 05 Marzo 2026
* Tempo di caricamento
1.000 secondi
Link navigazione :
Home ~ Accessori » Cursore personalizzato Blogspot |
..:: Istruzioni cursore personalizzato su Blogger/Blogspot ::..
Per inserire il codice di un cursore personalizzato su Blogger/Blogspot ci sono due metodi,
tramite il box "Aggiungi CSS" o direttamente nel codice sorgente, entrambi semplici da eseguire
basterà modificare un po' il codice fornito nei Mini cursori del telaio
Cursore gif inserito nel box "Aggiungi CSS"
Iniziamo con il primo metodo, per chi non è molto pratico con
il codice sorgente del blog è la scelta migliore, non si rischia di fare danni.
- Per prima cosa modifichiamo il codice del cursore,
quelli che potete prelevare nel telaio hanno un codice "classico" per le pagine web
qui si spezza ma deve essere scritto/incollato tutto su una linea sostituendo il tag <body>
| <!-- Mini cursore - Penelope --><body style="cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/libro.gif'), url('https://www.iltelaiodipenelope.it/accessori/cursori/libro.cur'), default;">
<!-- Mini cursore - Penelope --> |
Per inserirlo nei CSS di Blogger/Blogspot deve essere scritto così
body {
cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/libro.gif'),
url('https://www.iltelaiodipenelope.it/accessori/cursori/libro.cur'), default;
}
|
* Clicchiamo su "Design" (nella barra ad inizio pagina)
poi sul bottone "PERSONALIZZA" andiamo giù nella colonna
delle personalizzazioni e clicchiamo su "Avanzate"

Clicchiamo sulla freccetta accanto a "Testo pagina" scorriamo nel boxino
fino in fondo e clicchiamo su "Aggiungi CSS"

Incolliamo il codice del cursore nel boxino sopra o sotto altri eventuali css già inseriti

Salvate l'aggiunta cliccando sul floppy in basso a destra e il cursore è al suo posto!
Cursore gif inserito nel "Codice sorgente"
Vediamo come inserire il codice del cursore direttamente nel codice sorgente
anche in questo caso occorre modificare il codice fornito nel telaio
| <!-- Mini cursore - Penelope --><body style="cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/zucchero.gif'), url('https://www.iltelaiodipenelope.it/accessori/cursori/zucchero.cur'), default;">
<!-- Mini cursore - Penelope --> |
Per inserirlo nel codice ci servirà solo questa parte
| cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/zucchero.gif'),
url('https://www.iltelaiodipenelope.it/accessori/cursori/zucchero.cur'), default; |
* Clicchiamo su "Design" poi sulla freccetta nel bottone PERSONALIZZA e
nel box che si apre clicchiamo su "Modifica HTML"

Si aprirà la pagina con il codice sorgente, scorriamo giù fino ai CSS del body
il numero della riga potrebbe essere differente in base al tipo di template impostato

Incolliamo il codice del cursore subito prima della parentesi graffa di chiusura
(Per motivi di spazio ho dovuto tagliare l'immagine ma ovviamente ho incollato
tutto il codice come vi ho mostrato sopra)
- Attenzione a non cancellare nulla

Salviamo cliccando sul floppy in alto a destra e il cursore sarà visibile nel blog
Spero di essere stata chiara in tutti i passaggi ^_^
e ovviamente utile, lasciatemi un saluto e se prelevate un cursore
ricordatevi di mettere un link per il telaio 
Ciao alla prossima^^ Penelope ♥

Segui il telaio su Facebook

Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^
~ Pagina visitata da 1493 utenti
|
Accessori e gadget
ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio
Link del telaio...
Anteprima... ..: html & script tutorial :..
Div invisibili dreamweaver Realizzare div personalizzati con l'editor dreamweaver
Leggi il tutorial... |
|
'https' Hyper Text Transfer Protocol Secure https il prefisso più usato nel nostro quotidiano, tra acquisti e ricerche online ormai non ci facciamo nemmeno più caso, considerando che con app e browser possiamo accedere nei nostri spazi preferiti senza dover digitare l'indirizzo web, parliamo appunto di uno dei protocolli per la trasmissione dati in rete "Hypertext Transfer Protocol Secure"...
Leggi il tutorial... |
|
Sfondo pagina Vediamo come e quale tipo di sfondo/background possiamo utilizzare nelle nostre pagine, possiamo utilizzare un colore o un'immagine, abbiamo due tipi di codice con diverse varianti, da inserire direttamente nel tag body, o da preferire, nei css/foglio di style, del codice per il nostro spazio...
Leggi il tutorial... |
|
Textarea Box nel quale è possibile scrivere tag e codici che rimangono testo e quindi si possono prelevare per essere usati nel proprio spazio, utilissimo quando si preparano degli accessori e gadget ma anche semplicemente per fornire il codice completo del proprio banner...
Leggi il tutorial... |
|
Testo effetto ondulato e crescente Due modi per scrivere titoli o messaggi di sicuro effetto...
Leggi il tutorial... |
|
Pioggia di gif... Piccole gif che cadono come leggera pioggia, piccole magie del web! Si trovano diversi script in rete ma questo è al momento l'unico che non fa impazzire lo scroll nelle pagine e non ne sporca il codice...
Leggi il tutorial... |
|
Box scroller Script per box con scroll particolare, vediamo il codice e le personalizzazioni possibili...
Leggi il tutorial... |
|
Countdown Penny Script countdown al quale ho aggiunto la possibilità di inserire una frase che si visualizzi dopo la scadenza dell'evento per il quale era stato realizzato il conteggio....
Leggi il tutorial... |
|
Sorpresine Lo script per preparare dei gadget molto simpatici, le famose sorpresine, ovvero giffette o tag che in una determinata data cambiano aspetto...
Leggi il tutorial... |
| Aggiorna il box
☆ Visita la sezione Tutorial Home
|
Ciao Penny , grazie per il tuo consiglio, sei sempre un punto di riferimento . Un abbraccione a te . Ti auguro una buona serata