Oggi vi spiego come inserire il bottone “Torna su”, nel vostro sito basato sulla piattaforma Blogger, e permettere agli utenti di risalire velocemente all’inizio della pagina. Per capirne il funzionamento potete già vederlo e testarlo qui, a destra, su Piccolo Geek.
Il codice del bottone è questo:
| <span><a href='#' style='position: fixed; bottom:20px;right:20px;' title='Torna su'><img src='LinkPulsante' style='border: none;'/></a></span> |
Su suggerimento dell’utente Andrea ho inserito il “title” ovvero il titolo (in questo caso “Torna su” ma potete cambiarlo come volete) che compare appena si passa il mouse sopra l’icona.
Come inserire il codice su “Modifica HTML” di Blogger:
Aprite la bacheca di Blogger e cliccate su “Design” riferito al vostro blog. Cliccate su “Modifica HTML” e selezionate la casella “Espandi i modelli widget”. Sempre nella stessa pagina e dalla tastiera premete i tasti ctrl+f e cercate la seguente stringa di codice: </body>
Adesso copiate interamente il codice del bottone “torna su” e incollatelo subito prima il tag </body>. Ecco un esempio: Il riquadro rosso sta ad indicare il codice del bottone. Cliccate su “Anteprima” e se vi piace il risultato cliccate tranquillamente su “Salva modello”. Se volete che il bottone spunti a sinistra del blog, vi basta sostituire la scritta “right” con “left”.
Fonte articolo
