Effet Accordéon

Section 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.

Section 2

Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit, faucibus interdum tellus libero ac justo.

Section 3

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.Phasellus pellentesque purus in massa.

  • List item one
  • List item two
  • List item three

vendredi 5 avril 2013

Tutoriel : comment ajouter un top menu / des pages à votre blog

Tutoriel : comment ajouter un top menu / des pages à votre blog

u fur et à mesure que mon blog avance, je m'interroge sur les façons de l'améliorer et vous livre mes petites idées au passage.

Je dois dire que même si je voue une grande admiration aux produits Google, Blogger n'est définitivement pas le plus réussi. Il y manque pas mal de choses qui devraient selon moi être natives mais bon voyons la vie du bon côté, ça me donne l'occasion de vous écrire des petits tutoriels ! Et puis, même si d'autres plateformes proposent des interfaces de gestion plus complètes, c'est tout de même bien pratique d'avoir toutes nos applications sous la main avec un seul compte Google (Blogger, Analytics, Feedburner and so on).

Aujourd'hui, à la demande d'un lecteur, je vous explique comment ajouter un top menu à votre blog (désolée pour le retard mais ma semaine a été chargée :). L'intérêt du top menu étant de proposer des liens vers des pages uniques comme par exemple "A propos", "Contact", etc. Elles seront insérées dans la structure globale de votre blog et seront donc consultables à partir de n'importe quel page, contrairement à vos posts qui apparaissent d'abord en page d'accueil puis avec le temps et les nouveaux articles, s'enfoncent dans les méandres du web.

Alors, allons-y gaiement. J'ai créé un blog test pour l'occasion car sur le mien, le top menu est proposé par défaut dans le template donc ça n'avait pas grand intérêt. Mais si c'était votre cas, vous ne seriez pas en train de lire ce tutoriel donc je pars sur un blog qui n'en a pas (Philippe, tu notes que j'ai pris ton template :)

Vous pouvez, comme d'habitude, cliquer sur les images pour les afficher en plus grand.

Bon first of all, il faut commencer par créer les pages que vous voudrez mettre dans votre top menu. Pour cela, dans votre interface Blogger, cliquez ici :


Comme vous n'avez encore aucune page, vous cliquez sur "Nouvelle page" (notez que si vous aviez déjà créé des pages, le processus serait néanmoins le même) :


Puis, comme à votre habitude, vous donnez un titre à votre page (c'est celui qui apparaitra dans le top menu), puis vous insérer tranquillement votre contenu dans le corps de la page (vous avez compris, c'est ce que les gens verront quand ils cliqueront sur le titre de votre page dans le top menu).

Dans les options de la page, les commentaires sont par défaut désactivés. Vous pouvez décider d'autoriser les commentaires, là c'est vous qui voyez.


Une fois votre page terminée, vous cliquez sur "Publier la page". Blogger vous propose alors d'afficher votre page dans un gadget, intelligemment nommé pour l'occasion le gadget "Pages". Vous pouvez décider de le positionner sur la droite (les liens vers les pages s'afficheront verticalement), en haut (les liens s'afficheront horizontalement, sous forme d'onglets) ou au contraire de ne pas afficher vos pages dans un gadget mais de les lier manuellement à l'endroit qui vous plaira.

Ici, nous avons décidé qu'on voulait afficher les pages dans un top menu. on coche donc l'option "onglets du blog" et on valide.



Et voilà, votre page a bien été publiée dans un top menu, ce que vous pouvez vérifier en ligne immédiatement.



La gadget "Pages" a par ailleurs été ajouté à la mise en page de votre blog, ce que vous pouvez vérifier en cliquant sur l'onglet "Mise en page" de Blogger :


Si vous cliquez sur "Modifier" dans votre nouveau gadget "Pages", vous pouvez alors configurer votre gadget.


Vous pouvez changer le titre de votre Gadget (ce qui n'est intéressant que si vous décidez de le positionner sur la droite car le top menu n'affiche pas le titre du gadget)


Vous pouvez décider que les nouvelles pages que vous créerez seront automatiquement ajoutées à ce gadget (ou pas).


Vous pouvez décider d'afficher toutes vos pages ou d'en désactiver certaines temporairement :


Vous pouvez surtout décider de l'ordre d'apparition des pages dans votre gadget :


Voili, voilà, vous êtes prêts et moi je vous prépare un petit tutoriel sur le formulaire de contact pour bientôt :)

D'ici là je vous souhaite un très bon week-end !
Vous aimerez peut-être: