Google+

Inserire il pulsante "TORNA SU"


Il tasto "Scroll Top" consente ai lettori di muoversi agevolmente nel blog e tornare in cima alla pagina che stanno leggendo, si tratta di uno strumento molto utile se le pagine sono lunghe e ricche di contenuti.  

La navigabilità all'interno del blog, quindi, può essere migliorata in pochi semplici passi e per gli utenti di  Blogger la procedura è particolarmente semplice:

1) Clicca su "Design" > "Layout

2) Apri un nuovo elemento con "Aggiungi gadget" e seleziona "HTML/JavaScript"

3) All'interno incolla uno dei seguenti codici:
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh6.googleusercontent.com/-rCLMTXxCf0w/UkgeYMFM0eI/AAAAAAAABvM/J-F17sTGFVs/w34-h94-no/1a.jpg'/></a>
___ ___ ___
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh4.googleusercontent.com/-KxL8-DSQAZo/UkgeYBqKRII/AAAAAAAABvE/Z_MpctIw_os/w34-h94-no/1b.jpg'/></a>
___ ___ ___
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh6.googleusercontent.com/-YAQNQxyrmNQ/UkgeYCTwnvI/AAAAAAAABvU/0mXYjSyOoOQ/w34-h94-no/1c.jpg'/></a>
___ ___ ___
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh4.googleusercontent.com/-4eW9H18gyyE/UkgeYhwUXjI/AAAAAAAABvY/PWON4rIeqEw/w34-h94-no/1d.jpg'/></a>
___ ___ ___
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh3.googleusercontent.com/-gJ8MdnTfkbo/UkgeZQikbgI/AAAAAAAABvs/sIdzplKjLqo/w34-h94-no/2a.jpg'/></a>
___ ___ ___
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh6.googleusercontent.com/-gk5ol2EL25g/UkgeZVyvyOI/AAAAAAAABvk/s_Z8op_04Bs/w34-h94-no/2b.jpg'/></a>
___ ___ ___
 <a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh4.googleusercontent.com/-oxvrtT_nRT8/UkgeZaEFgPI/AAAAAAAABvw/dBluhzX7Bfo/w34-h94-no/2c.jpg'/></a>
___ ___ ___
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='https://lh4.googleusercontent.com/-9H8YpBtC7uY/UkgeZ-GrGZI/AAAAAAAABv4/2PcatIV50mQ/w34-h94-no/2d.jpg'/></a>


4) Clicca su "Salva" e trascina il codice in fondo al Layout. "Salva disposizione".


Per creare un pulsante personalizzato modifica il codice inserendo il link di una nuova immagine...


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:1px;' title='move on to top of page'><img src='INSERISCI LINK IMMAGINE'/></a>

...ed il gioco è fatto!


3 commenti:

  1. Grazieeeeeee!!! L'ho appena inserito! Grazie mille, quante cose sto imparando grazie a te!
    Gina

    RispondiElimina
    Risposte
    1. Bravaaa! vado a dare subiro un'occhiata

      Elimina
  2. Ho appena inserito questo gadget, grazie mille!!

    RispondiElimina