Cursore personalizzato Blogspot

Pagina aggiornata... Sabato, 11 maggio 2024 * Tempo di caricamento 0.76 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>

<body style="cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/libro.gif'), url('https://www.iltelaiodipenelope.it/accessori/cursori/libro.cur'), default;">

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!
L'ho inserito con questo metodo in un mio blog Penelope prove grafiche...

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

<body style="cursor: url('https://www.iltelaiodipenelope.it/accessori/cursori/images/zucchero.gif'), url('https://www.iltelaiodipenelope.it/accessori/cursori/zucchero.cur'), default;">

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
L'ho inserito con questo metodo in un mio blog Penelope ricette

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

Link e Banner
Ciao alla prossima^^ Penelope ♥

Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

~ Pagina visitata da 943 utenti

H:
Buona Primavera e ...buon sabato!

Segui il telaio su Facebook

..:: Accessori e gadget ::..

ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio

Sito o forum
Blogger-Blogspot

Anteprima...
..: html & script tutorial :..

Script in div colorati

Esempio pratico di come si utilizzano gli script in un div ^_^

Leggi il tutorial...

Link ancore

Piccolo utilissimo "trucchetto" che possiamo realizzare con i link^^ ovvero scrivere dei link che permettano di far arrivare in un clik i nostri utenti, in un punto preciso, nella pagina che si sta leggendo o in una nuova...

Leggi il tutorial...

Marquee speciali

Tanti modi per avere scrittine in movimento con personalizzazioni originali...

Leggi il tutorial...

Marquee con javascript

Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto...

Leggi il tutorial...

Table scroll

Nelle nostre table possiamo mettere lo scroll, affinché abbiano delle misure predefinite ma possano contenere lunghi testi o tante immagini...

Leggi il tutorial...

Font personalizzato nel sito...

Personalizzare con pochi semplici passaggi il font, carattere del testo, nel nostro sito o in una pagina web!

Leggi il tutorial...

Link effetto arcobaleno

Un modo carino e semplice per personalizzare i link...

Leggi il tutorial...

Testo effetto macchina da scrivere

Un effetto molto carino e semplice da configurare e personalizzare per scrivere dei messaggi da visualizzare all'entrata di una pagina...

Leggi il tutorial...

Testo effetto arcobaleno

Titoli e scrittine con i colori dell'arcobaleno e volendo anche allegri gadget ^_^ Un piccolo semplice script, un po' di pazienza per settare i colori e al solito, un pizzico di fantasia...

Leggi il tutorial...

Immagine per ogni giorno del mese

Script per gli amanti della grafica e delle giffette^^che ci permette di visualizzare un'immagine diversa per ogni giorno del mese

Leggi il tutorial...

Aggiorna il box

ೡ Visita la sezione Tutorial Home

..: Spazio web...

Realizzare e gestire un sito web
con l'hosting free più famoso...

Link del telaio...
Banner

I vostri messaggi...

Grazia
09/03/2025 18:13:32

Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo

ೡ Scritto in... Home

Gabriella
07/03/2025 12:04:36

Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio

ೡ Scritto in... Banner link del telaio ^_^

Mamyr
06/03/2025 13:34:06

Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.

ೡ Scritto in... Almanacco in table

Pinalie
03/03/2025 01:38:03

Oh sweet Penelope

.. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥

ೡ Scritto in... Orsetti...

Grazia
26/02/2025 09:43:32

Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥

ೡ Scritto in... Home

ೡPenelope ♥
18/02/2025 20:27:41

Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥

ೡ Scritto in... Orsetti...

ೡPenelope ♥
18/02/2025 20:16:52

Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥

ೡ Scritto in... Banner link del telaio ^_^

Antonella
13/02/2025 01:00:16

ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]

ೡ Scritto in... Almanacco soft

Vale
02/02/2025 06:15:22

carinissimi!!♥

ೡ Scritto in... Mini cursori

Pinalie
19/01/2025 22:47:05

Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work

ೡ Scritto in... Orsetti...

* Buona Primavera! *