Quickribbon Piccolo Geek: Guida Blogger: come inserire il bottone "Torna su"

Guida Blogger: come inserire il bottone "Torna su"

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.
blog-board 

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>
Al posto della scritta “LinkPulsante” dovete incollare il link dell’immagine che volete appaia nel bottone. Questo codice va inserito sull’html di Blogger.
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:
2011-04-04_194758
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

Share/Bookmark