... che scrolli verso l'alto la pagina del nostro blog.
Ovvero inserire un'immagine che dica all'utente 'torna su!'Perdonatemi a volte sono negata con i titoli XD
Come si fa???
Innanzitutto dobbiamo creare un'immagine (se non avete photoshop, va bene anche paint, altrimenti vi proporrò fra poco una utility online da perdere la testa).Fatto ciò, carichiamola nel nostro blog (vi consiglio quello che di solito faccio, ovvero aprire un post dal titolo IMMAGINI e caricare ciò che vi serve di 'stramano'... ovviamente il post salvatelo solo senza pubblicarlo :D )
Una volta caricata l'immagine, e ottenuto il suo URL (cliccaci su col tasto dx e poi fai 'COPIA URL IMMAGINE'), vai in 'LAYOUT' e 'AGGIUNGI UN GADGET'.
Scegli il gadget 'HTML/JavaScript' ed incolla questo codice:
<div style="position:fixed; bottom:0px;right:0px;float:right;z-index:1;"><a href="#"><img alt="TORNA SU!" src="INSERISCI QUI IL LINK DELLA TUA IMMAGINE" /></a></div>Incollato così il codice ti farà comparire l'immagine
Se vuoi fare una prova semplice, puoi prelevare il codice qui sotto con l'immagine da me creata.<div style="position:fixed; bottom:0px;right:0px;float:right;z-index:1;"><a href="#"><img alt="TORNA SU!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6tOSOyOuE3VGxCdOJstaLcWU5ZtKFto9kM3OgOdcSXdMSFGYRNU-G8BO6FxpDdMkvIzUNJEIDiWgMqfOvozbAv00Kc4ao88lJRllUcrXdAqFrKcmdAzQERyJblQZFT3tJwW5lZGWo_jW/s1600/up.png" /></a></div>
.jpg)
Ciao Simona! Grazie! Ho in mente un tutorial da chiederti, appena ho un po' di tempo te lo scrivo!
RispondiEliminaBaci Federica
allora aspetto ;)
EliminaGrazie Simona!
RispondiEliminaAnche questo articolo è interessantissimo.
Devo pensare cosa potrei inserire in quest'immagine,
ho troppo voglia di aggiungerla al mio blog.
Baciotti
Mary
beh nel tuo caso sarebbe bello mettere il tuo gufo :D
EliminaSì, mi piacerebbe proprio!
EliminaVorrei mettere un'immagine Gufesca,
ma che colleghi una pagina con un link esterno, è possibile?
Dalle prove che ho fatto mi pare di aver intuito
che l'immagine, se deve riportare ad un link esterno,
deve essere lei stessa nella pagina di questo link esterno, vero?
No, non mi riesce comunque...
EliminaForse è possibile inserire un link all'immagine posizionata altrove?
Eliminano, non deve essere necessariamente così!!! ciò che è racchiuso nel tag <a href="#"></a> è il link che porta l'utente dove vuoi tu...ora se vuoi farlo andare, ad esempio, nel tuo shop, che si trova quindi al di fuori del tuo blog, devi sostituire 'cancelletto' con il link dello shop.
EliminaMa grazie!
EliminaSei un Angelo!
Ora ci provo subito!
Baciotti!
Mary
Grazie, grazie, grazie!!!
EliminaCe l'ho fatta!!!
evvai sono contenta :D ed è bellissimo con quegli occhioni!!!!!!!!!!! bravissima!!!
EliminaGrasie!
EliminaUtile, utile utilissimo!
RispondiEliminaBacio!
Elisa
grazi a te Elisa!!! :)
Eliminabravissima ^^ graziiiiiiiiie ^^
RispondiEliminama il sito che consigliavi ??
il sito è docs.google.com, grazie al quale si può disegnare un logo semplice...
Eliminaho appena finito di editare un video tutorial su come caricare i files PDF per renderli visibili e stampabili alle nostre utenti (utile magari per chi ha dei pattern da far stampare)...appena metto a posto il microfono (perchè coi sottotitoli è stato un lavoraccio di un'ora -.-) registrerò una serie di mini tutorial utili per i nostri blog ;)
Vorrei apportare delle modifiche al mio blog e spero di riuscirci con i tuoi consigli :) nuova follower, passa anche da me se ti va :-*
RispondiEliminahttp://themakeupworldofalittlefairy.blogspot.it/
certo che passo ;) e benvenuta!!!!!!!!!
EliminaCiao non riesco!! Cioè ci riesco ma la mia immagine anche se salvata in png ha lo sfondo bianco, non riesco a rendere l'immagine trasparente uffa, mi aiuti? grazie Michela
RispondiEliminaciao Michela, non disperare!!! vedrai che insieme ce la faremo :D... all'interno del codice style="...." prova ad aggiungere dopo il 'z-index:1;' questo 'background:transparent;' .... mi raccomando copia il codice all'interno delle virgolette!!!
EliminaGrazie, di queste cose non capisco niente! Ho scritto così, credo ma mi esce ancora lo sfondo
Elimina, cosa sbaglio? Grazie
ok allora ora ho visto l'immagine che ieri sera non mi era apparsa...ed effettivamente ha proprio lo sfondo bianco di suo, così mi sono presa la libertà di fartene uno io, se per te va bene :) lo puoi scaricare direttamente cliccando qui:
Eliminahttps://docs.google.com/drawings/pub?id=1ew1-lO8AoE1fL2jqMmdhicMxr9poirxEAHo2wEO8uvE&w=169&h=193
Non ho parola sei gentilissima!!! Ti metto nella pagina dei miei link! Ho delle proposte per "proponilo tu" appena ho tempo lo faccio! grazie grazie Michela
EliminaMi piace un sacco!!!!!!!!!!!!!!!!! Grazie Michela
Eliminagrazie a te Michela *_*
EliminaCiao Simona! Ho provato a mettere il gadget "torna su", e ci sono anche riuscita. L'unica cosa è che l'immagine viene troppo grande.
RispondiEliminaMi sai dire che dimensioni deve avere la foto? Credo che dipenda da questo!
Grazie per tutto quello che condividi con tutte noi :-)
Simona sono andata per tentativi e ci sono riuscita!!!
RispondiEliminaChe soddisfazione..... Il merito è tuo, grazie!
Troppo buona Giorgia, ma credo che il merito sia tutto tuo, io ho solo suggerito, tu hai applicato :D
EliminaGrazie alle tue spiegazioni (tra l'altro molto chiare) ci sono riuscita anch'ioooo!!! non ci posso credere!!
RispondiEliminagrazie mille!!
Emanuela
Grazieeeeeeeeeee ora provo subito.
RispondiEliminaEra da tantissimo tempo che cercavo nel web come fare, ma come te, non sapevo come "chiamarlo"
Ciaooo
grazie a te Marilù ♥
EliminaQuesto commento è stato eliminato dall'autore.
RispondiEliminaFantastico!!! L'ho appena aggiunto al mio blog!!! :D
RispondiEliminamera-mera-meraviglioso!
RispondiEliminaciao Simona!
RispondiEliminagrazie per il codice! l'ho appena messo
Ma se lo volessi come il tuo? cioè che compare dopo un paio di scrollate di mouse
e poi la pagina torna su lentamente e non "sparata"?
è troppo complicato?
grazie sempre!
germana
guarda come l'ho messo, più di così nin so...
http://sopralatorta.blogspot.it/
Ciao Germana!
EliminaIo il codice l'ho preso da questo sito: scrolltotop.com
E' di una semplicità unica nell'inserirlo, perchè ti basta incollarlo subito prima del tag di chiusura /body del tuo codice html ;)
il codice di tre righe in corrispondenza delle freccette?
Eliminama così mi da la sua freccetta ed io vorrei la mia immagine personalizzata :(
Hai ragione...io ho modificato lo script inserendo su uno spazio web esterno da blogger...
Eliminagrazie di cuore per questa spiegazione semplicissima (io sono un po' dura di comprendonio per questo genere di cose!) ho cercato come una pazza fino a consumarmi gli occhi il sistema per inserire sto bottone.... ovunque leggevo che bisognava andare a cercare la tal stringa nel modello e poi incollare un codice pazzescamente lungo e poi bla bla bla e poi non funzionava un tubo (e ci ho rimesso almeno 3 decimi di vista...) poi capito qui... O Mia eroina!!!! :-)
RispondiEliminaAhahahah grazie mille Simo, sei gentilissima ^_^
Elimina