Pubblicato il 12/06/13e aggiornato il

Come usare la tastiera per navigare tra i post di Blogger.

Come installare uno script che possa permettere ai navigatori di utilizzare i tasti direzionali per spostarsi dentro la pagina o di andare al post precedente o successivo.
Favorire la navigazione nel nostro sito dovrebbe essere una delle priorità perché in questo modo si facilita la permanenza dei visitatori e si offre un servizio di maggiore qualità ai lettori. Ho già illustrato come inserire una numerazione della pagine con i bottoni di navigazione e come aggiungere due pulsanti per spostarsi all'inizio e ala fine del post.

Tutte le tastiere hanno quattro tasti direzionali che possono essere attivati per navigare più semplicemente sul nostro blog. E' evidente che dovremo informare di una tale modifica i navigatori in modo che la possano utilizzare. Si può inserire a tale scopo un testo di istruzioni nella parte alta del layout. L'aspetto dei tasti di navigazione non è molto diverso da tastiera a tastiera

bottoni-navigazione

Faremo in modo che pigiando ripetutamente sulla freccia Alto ci si sposterà verso l'inizio della pagina, pigiando sul tasto della freccia Basso si andrà verso il fondo pagina mentre con il tasto Sinistra si visualizzerà il Post Precedente e con il tasto Destra si aprirà l'Articolo Successivo.

Dopo aver salvato il template andate su Modello > Modifica HTML e cercate il codice </head> digitando Ctrl+F e pigiando su Invio. Subito sopra a questa riga incollate il seguente codice

<!-- Navigazione con tastiera Inizio -->
<script type='text/javascript'>
window.onload = function()
{
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
};
</script>
<!-- Navigazione con tastiera Fine -->

Salvate il modello. Adesso voi e tutti i vostri lettori potranno navigare sul vostro sito utilizzando i tasti direzionali come descritto nelle istruzioni in corsivo. Va da sé che i tasti Freccia Alto e Freccia Basso si possono usare in tutte le pagine web e che è stato solo modificato il funzionamento dei tasti Freccia Sinistra e  Freccia Destra associandoli a newerLink e olderLink


Fonte | MyBloggerLab -





4 commenti :

  1. Molto utile. L'ho inserita nel blog. :)

    RispondiElimina
    Risposte
    1. @# Devo dire che sei la più appassionata sperimentatrice dei miei gadget, grazie :))

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.