Come inserire il pulsante "Torna su"


Tempo fa mi era stato chiesto di spiegare come inserire un pulsante "Torna su" nel proprio blog (come quello che vedete qui in basso a sinistra), ed ora che Cris ha di recente rinnovato la richiesta, mi sono finalmente decisa. Ed eccomi qui, a cominciare la domenica con un tutorial facile facile! :)

Per inserire un pulsante "Torna su" (ovvero un'icona, una freccia o altro su cui cliccare per tornare in cima alla pagina) in un blog di Blogger come prima cosa bisognerà creare il pulsante in questione. Su internet se ne troveranno sicuramente molti già fatti, ma a farne uno personalizzato con Photoshop, Gimp o altro ci va un attimo. Io ho realizzato un cerchietto azzurro con dentro una freccetta che punta in alto, ma voi potete farlo in mille modi diversi.
Adesso possiamo entrare in Blogger e dal menu selezionare Layout > Aggiungi un gadget > HTML/Javascript
All'interno del gadget andremo a copiare il codice riportato qui sotto, andando a sostituire alla parte in rosso l'URL del pulsante da noi prima creato.

<span><a href='#' style='position: fixed; bottom:20px;right:20px;' title='Torna su'><img src='LinkPulsante' style='border: none;'/></a></span>

Ora il vostro pulsante "Torna su" dovrebbe comparire in basso, sul lato destro, del vostro blog. Per modificarne la posizione dovrete andare a cambiare le coordinate riportate nel codice (sono i numeri evidenziati in giallo). Per spostare il pulsante da destra a sinistra sarà sufficiente sostituire "right" con "left".

7 commenti:

  1. Fantastico! Grazie!
    (Anche della citazione!) ;)

    Ieri ho passato praticamente tutto il pomeriggio a cercare le icone da inserire in fondo al post: sono riuscita a inserirle con ShareThis (ma non sono riuscita a centrarle. Poco male, per ora, anche allineate a sinistra mi piacciono e, così colorate, ravvivano un po' la pagina!).

    Grazie mille del tutorial! ^_^
    Buona domenica!

    RispondiElimina
  2. ciao, vorrei sapere come inserire il codice che tu hai indicato, quello con la freccetta nel cerchietto azzurro, in una normale pagina html, io so farlo con la semplice scritta toena su, ma non con la feccia, e vorrei sapere senza usare blogger se sia possibile....e quale sia il codice...grazie, roberto

    RispondiElimina
    Risposte
    1. Ciao Roberto!
      Prova ad inserire lo stesso codice sotto < head >

      Elimina

Un penny per i tuoi pensieri!
xoxo