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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDOsgKlVDQpBf3Tbyt3HPWvR3BpWGxg9ftG1V1zSLU2i0z88kzR4kKD2VJD0gD-br8l00FQDaMAcRe62CrIu6VG1vdyBjf6its6L17bYP8MlsVYYRMdVPjI_Fc1xrOP38dfSgKBHeOeJ2x/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY4vrv89mXKwbJ-jqODcNHRnG2JdIRlYFyYtrL1I6kDI_OtXDHXOux7eU_5fpTh-6DUhhz4wXoWOmLBoJ5jGlGjMqIOkznnw_IuBYKqByvvcAVtSRJV2G4rCMpz8oz2Z5KzKc0BF2OdbSC/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGGa0uenLqoDhddJOEV0lxbQ_9Jilbn-nbeOB9fttnPD6XuftLa7Q3c0bKE33ALdjnL-T5XhCbcIdcMi1RclftnwzJ78lfOIAdwDmUqu-AK8kvht7QPMWJc1P5d5SU_5I0_YY0T778j1EC/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVi_-U8j6xdXvOdmZyXxoed_-QKeqhh0zUalgD2pB6yUGt4qH3u69ZJrjD-ShEcR4zkoU05SELeUtMPBRi8PedmmiXUlCzAbPAKSJhXjWf68JYHE7fUnIt7N81AoDGU6ZIyJR_VmATk0X6/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPL8e9EuskQMC6Boy8t6INJQfkuzQRMm0pPQosTaU_h7W4H6z2Wq0gq8Ysue9sv8x7P2EebMme8jVdSsZVjAqGTcqkC1WAr5qlMdFQQdbm0XrVf8o_KoQBKGuvSKX1XwhbL4e8XbUGfxxe/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1YIWXii4R94i9upI9pOWPr0xT6a4cxf0mkwBDADChg7JUJ1aAnkmZ4G7AuF4MwUzu4TGshjsBnYp9M9RMBaFS75vsJWH5AcI8YC6oe_xTfyswk6Xjs4v7SrCkWeUBaLSYHThFhJMahip/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpOuFZx9f8X0n1nCYxnK0AsGVHTffxNYy9emLrncu7LceHbFfSaPa4lt5p8MyouZ5FshPwTVFpYOkL8kStQEN5LGKaheT0RPx-xXAxSmZtqT3afUEGVcNlaTCh9wbF-2nS8dXQKlAB9FVD/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6DFgIIx_HMOUtRlTj8iiSn3cZla0BQDo2f2jeQXgagSaUTvmKDXzxdhl9r7p09gRyagEBzmJXLxR-Wn4r1g2gl0q78ZKiZbCUPqH9VmNEYDgGAYPNPBUPXM_a6uoG2pg7_qWXjHwFoYS/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!