9
mar
2014

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".

Questo sito utilizza i cookie per migliorare servizi ed esperienza dei lettori. Continuando la navigazione accetti il loro uso.Ulteriori informazioniOK