Pagina aggiornata... Giovedì, 05 Marzo 2026
* Tempo di caricamento
0.003 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
.gif) Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^
~ Pagina visitata da 1460 utenti
|
 Accessori e gadget
ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio
 Link del telaio...
Anteprima...
..: html & script tutorial :..
 Basi CSS pagina web
CSS o foglio di style - BasiCSS o foglio di style, odio e amore di ogni web design ^_^ antipatici da scrivere, in linea si fa prima, ma utilissimi e pratici per realizzare una pagina e ancor di più su un intero sito...
Leggi il tutorial... |
|
CSS table struttura sito Come scrivere le classi per delle table e celle che useremo come contenitori per realizzare una pagina web/home sito...
Leggi il tutorial... |
|
Immagini Gif... clip... pixel... sfondi... paesaggi... ovvero immagini ^_^ Piccole, grandi, animate o statiche sono un po' il cuore del web e, come tutto quello che vediamo in una pagina web hanno bisogno di essere messe online, ovvero postate in una pagina e di un codice per essere visualizzate...
Leggi il tutorial... |
|
Table sfondo Le table sono trasparenti, ciò significa che prenderanno il colore o lo sfondo su cui son state postate, ma se occorre possiamo personalizzarlo con un colore o un'immagine (background)...
Leggi il tutorial... |
|
Link effetto cascata Fiocchi di neve, cuoricini o fiori che appaiono al passaggio del mouse sui link...
Leggi il tutorial... |
|
Menu a livelli Un menu che cresce in verticale, si possono inserire illimitate sezioni e sotto sezioni, completamente personalizzabile comodissimo per chi ha tanti link nella pagina, pratico per i navigatori che saranno aiutatida piccole gif per rammentare i link visitati...
Leggi il tutorial... |
|
Calendario perpetuo Realizzare un calendario perpetuo ovvero che si aggiorni automaticamente di mese in mese non è difficile grazie ad uno script javascript...
Leggi il tutorial... |
|
Data Script per visualizzare la data nelle pagine web in vari formati e con le personalizzazioni che ci servono...
Leggi il tutorial... |
|
Datario con saluto Un solo script per visualizzare un saluto in base all'ora, l'ora e la data basterà postarlo nel punto in cui vogliamo visualizzarlo e si può facilmente personalizzare...
Leggi il tutorial... |
|
Segno zodiacale Script per far visualizzare il segno zodiacale del momento, con il testo o con le immagini...
Leggi il tutorial... |
|
 Aggiorna il box
☆ Visita la sezione Tutorial Home
|
ૡPenelope ♥ ~ 04/04/2026 17:38:15
ૡPenelope ♥ ~ 30/03/2026 16:18:12
Ciao Penny , grazie per il tuo consiglio, sei sempre un punto di riferimento . Un abbraccione a te . Ti auguro una buona serata