Créer des onglets comme sur un site web

Vous avez eu la bonne idée de vous lancer à l'heure où Blogger a (enfin?) décidé de nous simplifier la vie avec cette fameuse histoire d'onglets!

Vous n'êtes peut-être pas au courant, mais jusqu'à cette version de Blogger, créer des onglets "comme sur un site web" relevait plus du bricolage qu'autre chose...

Aujourd'hui, ce temps est révolu!

Des onglets, pour quoi faire?

En ce qui nous concerne, l'envie de proposer des onglets sur nos blogs nous est venue tout naturellement. C'est simple, des onglets, il y en a partout! Nous sommes habitués à cette forme de navigation plutôt très bien pensée, puisqu'elle permet de garder une vision globale nécessaire pour ne pas "s'égarer".

En ce qui me concerne, j'ai longtemps détesté les blogs. Et oui Mesdames!!

Pourquoi? Mais parce qu'il était impossible d'y naviguer de manière compréhensible à travers ces listes infinies d'articles classés de la page 1 à 100.000, et avec pour seul repère un espèce de menu "Archives" n'indiquant qu'une succession de dates non plus informatives!

C'est donc une très bonne nouvelle pour nous que cette option ait été simplifiée par Blogger.

Grâce aux onglets, vous allez pouvoir proposer une navigation ergonomique avec des parties bien distinctes pour chaque sujet, ou chaque niveau, ou chaque étape.. Selon votre choix et le sujet de votre blog.

Vous allez donc pouvoir regrouper des articles par thème, et permettre à vos lecteurs de passer d'un thème à l'autre tout en ayant la possibilité de se repérer à chaque instant.

Il existe bien entendu d'autres méthodes pour cela, mais il me semble que celle des onglets soit tout de même une des plus basiques.

Passons à la pratique!

Ce que vous devez savoir avant:

- naviguer sur votre Tableau de Bord

- créer une page

Durée de la manip:

- 1 min par onglet, + une durée variable selon ce que vous décidez d'y mettre comme contenu (encore une fois cette durée dépendra de la bonne conception de votre Maquette).

Pour commencer, sachez qu'un Onglet correspond forcément à une Page.

Avec cette info en tête, vous allez comprendre très facilement.

Tout commence donc par la création d'une Page.

Pour que le test fonctionne plus clairement, mieux vaut avoir créé plusieurs pages.

S'il le faut, créez-en une ou deux "Test", comme nous l'avons fait avec l'ami KoBaï ci-après. Vous pourrez les effacer en 15 secondes juste après.

Nous sommes donc sur le Tableau de Bord, dans l'onglet "Pages".

Vous pouvez voir la liste de vos pages.

Cliquez sur le menu déroulant qui suit "Afficher les pages comme".

Voilà ce qui s'affiche:

A partir de là, rien de plus simple!

Vous souhaitez disposer vos onglets horizontalement, en haut de votre blog?

-> Sélectionnez "Onglets en haut de page" ("page" étant ici employé pour dire "écran de votre blog").

Vous souhaitez disposer vos onglets verticalement, sur un côté de votre blog?

-> Sélectionnez "Liens latéraux". Vous pourrez ensuite les repositionner en faisant glisser le gadget "Pages" à droite ou à gauche, plus haut ou plus bas, dans la partie "Mise en page" de votre Tableau de Bord.

Comme toujours, n'oubliez pas de cliquer sur le bouton orange "Enregistrer la disposition" en haut à droite.

Crash test?.. Allons-y:

Tinlaaa! 

Qu'est-ce que j'entends? ils sont pas terribles les onglets de KoBaï?!

Ils sont basiques, c'est vrai.. Mais cela dépend en premier lieu du [modèle] que vous aurez choisi. Et ensuite, sachez qu'il y a toujours un remède à tout problème d'ordre esthétique..! Voir la partie Habillage.

Un essai avec le choix "Liens latéraux":

Certes un peu moins impressionnant. C'est pourquoi je l'ai entouré...

Mais encore une fois, vous aurez la possibilité de relooker même les onglets à disposition verticale, lorsque vous serez prêt(e) à sauter le cap du code :)

-- Vous savez comment créer un menu sous forme d'onglets!!! Félicitations!!! --

Vous avez gagné 10 points de fidélité et un bonus magique! 

Non je blague.. Mais vous venez de passer une étape ;)

Articles qui vous intéresseront très probablement:

- créer des onglets totalement personnalisés

- comment créer des pages en plus de celles des onglets / cumuler plusieurs modes d'affichage de pages?