Archive Pages Design$type=blogging

Passer à l'article suivant ou précédent en utilisant les boutons de flèche

Sur le même sujet:


Naviguer dans un site web en utilisant les boutons flèche du clavier est très utile et pratique pour certains blogs, puisqu'on aura pas à chercher les liens de l'article suivant/précédent.
Plusieurs sites connus utilisent cette méthode, comme par exemple 9gag, The Next Web, etc.

Ce tutoriel vous permettra d'ajouter cette astuce à votre blog, en ajoutant simplement un widget.
Connectez vous à votre blog, choisissez "Mise en page", puis "Ajouter un gadget" et choisissez "HTML/Javascript".
Collez le code ci-dessous dans le widget:
<script type='text/javascript'>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>
C'est tout, maintenant si vous êtes dans un de vos articles, un clic sur la flèche droite vous fera passer vers l'article suivant tandis qu'un clic sur la flèche gauche vers l'article précédent.

COMMENTAIRES

BLOGGER : 5
Loading...
Nom

astuces Facebook feature gadget Google Menu news Pages Réseaux Sociaux slider automatique templates Traduction trafic tutoriel
false
ltr
item
Blogger Pour Les Nuls: Passer à l'article suivant ou précédent en utilisant les boutons de flèche
Passer à l'article suivant ou précédent en utilisant les boutons de flèche
http://2.bp.blogspot.com/-JeTRfEb5V1c/UdV-WSGR5xI/AAAAAAAADc8/6_vSAWP2dQY/s200/Power+-+Switch+User.png
http://2.bp.blogspot.com/-JeTRfEb5V1c/UdV-WSGR5xI/AAAAAAAADc8/6_vSAWP2dQY/s72-c/Power+-+Switch+User.png
Blogger Pour Les Nuls
http://blogger-pourlesnuls.blogspot.com/2013/07/passer-larticle-suivant-ou-precedent-en.html
http://blogger-pourlesnuls.blogspot.com/
http://blogger-pourlesnuls.blogspot.com/
http://blogger-pourlesnuls.blogspot.com/2013/07/passer-larticle-suivant-ou-precedent-en.html
true
7261274087058654712
UTF-8
Aucun article trouvé VOIR TOUS Lire la suite Répondre Annuler la réponse Supprimer Par Accueil PAGES ARTICLES Voir tous RECOMMANDE POUR VOUS LIBELLE ARCHIVE SEARCH Aucun article ne répond aux critère de votre requête Back Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Février Mars Avril Mai Juin Juillet Août Septembre Octobre Novembre Décembre Jan Fév Mar Avr Mai Jun Jul Août Sep Oct Nov Déc maintenant il y a une minute Il y a $$1$$ minutes il y a une heure Il y a $$1$$ heures Hier Il y a $$1$$ jours Il y a $$1$$ semaines il y a plus que 5 semaines