Nouveautés Blogger: Pages individuelles + une superbe barre de navigation

Blogger vient de publier la nouvelle il y a quelques minutes sur Twitter: désormais on peut créer des pages individuels dans Blogger (comme sur Wordpress par exemple) et on peut utiliser la nouvelle barre de navigation intégré par défaut pour afficher des liens vers ces pages.
Pages Blogger
Mise à jour 21/01/2010 à ~16h00
logger a temporairement désactivé cette fonctionnalité sans communiquer les raisons ni quand elle sera disponible a nouveau.Si sous avez déjà créer des pages, vous ne pouvez ni les modifier ni les supprimer MAIS ils sont bien accessible sur votre blog.
Le Message de l'équipe Blogger:
We've temporarily disabled creating & editing pages. You can still view the pages you've already created. We will re-enable ability to create and edit pages soon.
Mise à jour 22/01/2010 à ~ 07h00
Blogger a réactivé les Pages, vous pouvez a nouveau Créer/Modifier/supprimer des Pages.

Si vous avez créez une Belle Page, n'hésitez pas a envoyé le lien a blogger (via Twitter @Blogger). Ils vont faire un Showcase des meilleurs Pages Blogger.

Mise à jour 23/01/2010

Tutoriel pour Cacher la colonne des widgets et modifier la largeur des Pages Blogger
Créer une page
Connectez vous a Blogger à partir de Draft.Blogger.com (et non pas www.Blogger.com), allez dans Publication d'un message, Modifier les pages puis cliquez sur Nouvelle page et là vous pouvez rédigez le contenu de votre pages comme pour une article.

Vous remarquerez que les boutons de résumé "read more" et translittération manquent à l'appel, c'est normal.

Créer page Blogger
Afficher des liens vers les pages dans une barre de navigation
Une fois que vous avez créé des pages, allez dans Mise en Page, puis cliquez sur Ajouter un gadget et choisissez le widget Pages:

widget barre de navigation

Ajoutez un titre au widget et personnalisez le widget en cochant/décochant les différentes cases...

barre de navigation blogger

Placez le widget dans la barre latérale ou en dessous de l'entête pour choisir la forme de la barre de navigation

Configurer Barre Navigation

Et le résultats sur le Blog:

Barre navigation blogspot
Quelques infos en Vrac sur les Pages dans Blogger
  • Bien sûr quand vous créer une nouvelle page elle n'est pas affichée dans la page d'accueil.
    Les pages sont accessible via une recherche interne dans le blog.

  • Vous pouvez créer 10 Pages au maximum. Bien sûr vous pouvez en supprimer quelques une pour créer des nouvelles. Donc prenez le temps pour réfléchir avant de créer une Page.

  • L'URL d'une page est de la forme:  http://votreBlog.com/p/titrePage.html
    Alors que pour un article l'URL est: http://votreBlog.com/2010/01/titreArticle.html

  • Une fois la Page publiée, comme pour les articles,  il est impossible de changer son adresse / URL : même si vous changez le titre l'adresse ne change pas.

  • Pour créer des pages il faut utiliser Blogger Draft mais je pense que c'est déjà le cas pour tous le monde, sinon vous ne savez pas ce que vous ratez: Nouvel éditeur des messages: Gestion des images et des vidéos améliorée + Traducteur et Dictionnaire.
    D'habitude il faut attendre plusieurs semaines, voir plusieurs mois pour que les nouvelles fonctionnalités de la version Draft ne soit disponible dans la version standard.

  • Bien sûr pas de Libellé pour les pages.

  • Vous pouvez Afficher/Cacher/Autoriser les commentaires dans les Pages comme pour les articles. Par défaut les commentaires ne sont pas autorisés, pour afficher le formulaire de commentaire, cliquez sur "options" et cochez la case Commentaires des lecteurs, Autoriser.
Depuis plusieurs semaines je cherche un moyen pour cacher le barre latérale (les widgets) dans certaines pages afin de pouvoir utiliser de grandes images, une gallery ou afficher le contenu sur plusieurs colonnes.
Maintenant avec cette nouvelle fonctionnalité je crois que ça sera possible.
Je vais y travailler et je vous tiens au courant si j'arrive pas à quelques chose d'intéressant.

Mise à jour 23/01/2010
Tutoriel pour Cacher la colonne des widgets et modifier la largeur des Pages Blogger

    78 Commentaires
    LipaOnline à dit :

    salut, on l'attendais depuis longtemps !

    par contre, ça ne marche pas sur mes blogs encore... la migration en cours ??

    gécé à dit :

    Alors là, je suis bluffé O__o
    Pourquoi mon blog n'est pas encore équipé de cette fonction ?

    gécé à dit :

    Ha par contre j'ai vu que tu lançais un concours de logo ? Ca tombe bien, je fais du graphisme en amateur =D
    Je t'envoies un truc des que possible ;)

    gécé à dit :

    Par contre, j'aurai besoin de ton e-mail pour t'envoyer l'image stp ?

    @Grécé
    Il faut utiliser Blogger Draft pour créer des pages....

    Pour le concours c'est ici : Concours Logo pour LeBlogger.com (Help!)

    Mon email est : LeBlogger(AT)LeBlogger.com

    Si tu as le temps pour faire une image/logo ça serait super :D
    quel blog veux tu que je mette dans le lien: GécéBD ou Little Comix ;)

    @LipaOnline
    Il faut utiliser Blogger Draft, j'avais oublié d'ajouter, c'est fait maintenant :)

    LipaOnline à dit :

    merci Soufiane :) .... sorry j'ai oublié de citez ton blog sur le mien... je corrige ça de suite :)

    Merciiiii :a
    Alors ça marche ;)

    LipaOnline à dit :

    oui ça a marché... mais apparemment de nouveau disparu non ?

    gécé à dit :

    Hey ! Comment on fait pour utiliser blogger draft ?? je sais que je t'en demande beaucoup mais là je bloque^^
    Pour le logo c'est déjà fait :) Si tu pouvais mettre un lien ce serait gécéBD :)
    Je t'envoie le logo =P

    gécé à dit :

    En fait j'ai réussi a aller sur draft blogger mais je vois pas l'onglet "modifier les pages" ... ;)
    et le logo t'a été envoyé !

    Pour le concours ça se passe ici : http://www.leblogger.com/2010/01/concours-logo-le-blogger-blogspot.html

    gécé à dit :

    Oui je sais mais je t'ai envoyé le logo par email à leblogger(at)leblogger.com ! Et je voulais aussi savoir pourquoi dans mon blogger draft la partie "modifier les pages" ne s'affichait pas ?

    gécé à dit :

    Une derniere chose; mon pseudo c'est Gécé pas gRécé :))

    Pas de chance je voulais tester mais :
    Update (1/21 @ 8:54 PST): We've temporarily disabled creating & editing pages. You can still view the pages you've already created. We will re-enable ability to create and edit pages soon.

    Bientôt j'espère car c'est prometteur !

    @Mécèn'Arts
    J'avais vu la Màj sur Blogger in draft, c'est trop MDR, il y avait tellement de monde qui attendait cette fonctionnalité....
    Dommage pour toi, fallait visiter LeBlogger tôt le matin, j'ai publié l'article vers 8 heures du mat quelques minutes après l'annonce...

    Espérant qu'ils remettent ça pour bientôt ...

    @gécé
    @LipaOnline
    Vous savez maintenant :((

    Tonton_JM à dit :

    Idem pour moi pas de "modifier les pages" dans mon draft blogger

    @+JM

    Tonton_JM à dit :

    Oups ... scusez j'avais pas vu en haut (pourtant écrit en rouge) que Blogger avait temporairement désactivé cette fonctionnalité

    We are faster than google :P

    @Tonton_JM
    Ils ont réactiver ça, donc ça devrait marcher maintenant.
    C'est le cas pour moi :)

    Anup @ Hack Tutors
    Yeah that's amazing =)(

    Franceline à dit :

    Bonjour,
    Merci de nous avoir rendu attentifs à ce widget que j'ai immédiatement testé .....
    :)

    LipaOnline à dit :

    voila j'ai utilisé cette nouvelle fonction pour en faire des onglets :)

    http://poker-blog.lipaonline.com/ :)

    Francine à dit :

    A LipaOnline

    Le chargement de votre blog met un temps fou ...... ouille ouille ouille
    :D

    Nathalie à dit :

    J'ai essayé cette nouvelle fonctionnalité mais même placée sous mon en-tête cela s'affiche en colonne ????
    Je comprends pas, help...

    Merci,
    Kaloo http://kalooetpierre.blogspot.com

    @Franceline
    Alors comment tu le trouves ;)

    LipaOnline
    C'est pas la barre de navigation par défaut de Blogger :))

    @Nathalie
    Tu as résolu le problème ;) parce que moi je vois la page Archive une barre horizontale et rien dans les colonnes ;)

    Francine à dit :

    Widget : Pages
    Je n'ai pas encore trouvé l'usage et la fonctionnalité les plus avantageux ; ces pages devraient servir à des communications hyper intéressantes ... ce sera du cas par cas au fur et à mesure . J'y retrouve le style des sites directs Google
    http://sites.google.com/site/etreaucourant/Home
    Je "surveillerai" les autres bloggeurs ... pour voir comment ils l'utilisent

    Nathalie à dit :

    Non j'ai rien résolu, au contraire j'ai supprimé les pages que j'avais créé (Accueil et Contact).
    La première Accueil car lorsque je revenais dessus je me retrouvais sur une page avec un semblant d'article et rien. j'ai laissé tombé.
    Quand à contact, j'ai suivi ta procédure et le formulaire est trop grand et dépasse de mon espace message.
    Ca m'énerve, je suis trop nulle pour ce genre de choses !!!!

    Je remets des pages vides pour que tu vois ce que cela donne.

    Kaloo

    @Francine
    Le grand avantage c'est qu'on peu facilement cacher la barre latérale dans une page et ainsi mettre de grande image ou un contenu sur plusieurs colonne.
    J'ai déjà écrit le tuto, maintenant je prépare une belle Page pour la démonstration ...

    @Nathalie
    Je vois archive et accueil et ce n'est pas une barre horizontale :((
    Essai de le placer en dessus de widget "Revue de presse" pour voir :)

    Nathalie à dit :

    ca marche pas !!!!!
    essaie les autres, tu vas voir ça bug aussi.
    Je crois que je vais abandonné, l'idée était super bonne pourtant.

    Nathalie à dit :

    Les messages marchent, ouf, je ne suis pas si nullasse !!! Y a de l'espoir...
    Comment faire lorsque l'on clique sur Envoyer pour revenir à l'accueil et non pas sur la page du site Email for me ???

    Si j'abuse, tu le dis, je ne veux pas monopoliser ton aide.

    Kaloo

    Pouf ché pas trop pourquoi ça s'affiche comme ça, moi je teste et ça marche normal, regard un blog test: http://leblogger2.blogspot.com/

    hein ;) tu parlais du formulaire de contact ;)
    regard dans le tuto c'est expliqué.... Il faut créer ou définir une page de remerciement ....

    Nathalie à dit :

    Moi non plus je chais pas pourquoi ça se présente comme ça. N'importe où que je le place.:a

    voui, formulaire de contact, quand j'envoie je me retrouve sur Email for me...
    J'ai regardé le tutto mais je capte Z.

    Je reprends mes recherches demain, merci pour ton aide...

    Francine à dit :

    Pages :
    OK j'ai à peu près assimilé mais ....
    J'attends la "belle page " démo
    :-*

    Francine- à dit :

    Bonsoir,`ça y est, je suis arrivée à créer des pages dans la barre latérale (la liste des messages)
    Un peu sommairement, je broderai plus tard
    Merci encore ....
    :)

    Anonyme à dit :

    Hi there, glad to learn more from you. I know your blog has useful information, unfortunately, i cant understand your language. Is there any chance for me to learn more from you here? perhaps, you can add google translate button. Thank you. :(

    @Anonymous
    Hi, yeah this blog is in French and I use the Google Ajax Translator, you don't see it ;)

    Any way if u need sth, you can email me at LeBlogger(AT)LeBlogger.com :)

    @Francine
    J'ai créer ma première page sur LeBlogger.com j'ai juste cacher la colonne de gauche et mis le contenu sur deux colonnes.
    J'ai pas autorisé les commentaire pour allégé la page ....

    Francine- à dit :

    Super, c'est vrai Il est très lisible le blog ... bon gadget : c'est marrant depuis ce matin il ne figure plus dans la liste des gadgets (personnaliser - ajouter un gadget ...) ; y aurait-il encore quelques lacunes ?

    Tu est sur Blogger Draft ;)

    Francine- à dit :

    Bonsoir Soufiane

    J'ai créé une nouvelle page ; mais la largeur ne permet pas beaucoup d'exentricités.
    Je n'ose pas trop y toucher ...

    ;)

    Francine à dit :

    OK j'ai retrouvé le gadget "page" sur Blogger Draft ; je suis distraite.:D

    rg à dit :

    bjr , jai crée une pages ,ji ai ajouté un article , comment ra
    jouté un deuxieme article sur cette meme pages ,je ny
    arrive pas merci

    comment fait on pour crer des pages/liens vers le flux rss "suscribe" et dautre en "contactez moi" ect? Je n'arrive pas à ce que le lien soit direct.

    Cathy B à dit :

    Merci pour l'info!!! J'en rêvais...

    @LEA . BTS communication
    Tu crée la page puis tu ajoutes la barre de navigation des pages ;) ;)

    @rg
    je ne comprend pas ce que tu veux faire ;)
    un article et une Page c'est presque la même chose ;)

    @Cathy B
    Tu as raté des épisodes assez marrants :

    1) Blogger a annoncé la venue des Pages.
    2) Plusieurs semaines après les pages sont disponible via Blogger Draft.
    3) à peine quelques minutes et voilà que les Pages sont indisponible. Blogger a rencontré des problème et a bloqué la création/modification des Pages. (Mais j'avais déjà publier le tuto avec les captures d'écran =)( )
    4) Quelques heures plus tard les Pages reviennent dans Blogger Draft mais un gros bug est apparu: impossible de sauter des lignes ou de faire un retour à la ligne....
    5) Blogger a résolue le problème en ajoutant les Pages dans la version Standard.

    Bien sûr j'ai parlé de tous ça sur LeBlogger.com et dans Twitter :)

    Soufiane, on arrive pas à mettre plusieur article dans une nouvelle pages... tu as une solution???? sinon vraiment pas la peine de créer d'autres pages avec un seul article c'est pas interessant...
    Merci bien

    @LA MAISON DU DIVX
    C'est impossible .... au moins de la manière dont tu le présentes...

    Lol comment tu sais ???
    tu es en tunisie toi ???? merci bien quand mm de ta visite lol...

    @LA MAISON DU DIVX
    ça veux dire quoi ;) moi pas comprendre toi dire phrase :z

    Anonyme à dit :

    j'aurais bien aimé avoir la possibilité de choisir la forme et la couleur de l'onglet des pages...

    Jacky

    :p

    :))

    Ha Zut !!!! La reponse a la question du dernier message m'interessait !!!! Soufiane, j ai installe le widegt page, comme tu l as indique. c est excatement ce que je recherchais. Pas de souci a la mise e^n place. Par contre sur mon blog, la "barre des pages" est presque illisible. J aimerai changer au moins la couleur. Je ne trouve rien dans "mise en page - police/couleur". ( meme apres avoir changer chaque parametre un a un). J ai jette un oeil aux variables dans le code HTML, et a la section widget (b) mais j avoue m y perdre!
    Si tu as une idee et un peu de temps !
    En tout cas merci pour tes articles, avec toi on a l impression de progresser "en manipulation de blog"
    Anne
    http://voiliersundance.blogspot.com

    @Anne et Jocelyn
    Ok je vais faire un petit tuto spécial pour personnaliser la barre des Pages avec du CSS

    Bonjour, Comment fait-on pour choisir la page sur laquelle on publie le post ? (Comment mettre plusieurs posts sur ces nouvelles pages ?)
    Merci

    @Patrice Olivier
    On m'a déjà posé la question un peu plus haut, Il faut plutôt comprendre par Page : Un article un peu spécial !!

    Serge à dit :

    Bonjour Soufiane,
    Tout d'abord un grand merci, avec ton blog, j'ai pu améliorer nettement la qualité du mien http://bikeparkstluc.blogspot.com

    Merci pour le tuto sur Page. Petite question, sais-tu si il est possible d'ajouter du menu déroulant dans ce gadget ? Je pense que d'autres personnes seraient vivement intéressées par cette option. Moi-même débutant, je ne pourrais jamais me sortir du labyrinthe du codage html. je fais donc appelle à tes connaissances !

    Merci d'avance pour la réponse.

    Bonne continuation !

    Caïpina à dit :

    Bonjour idem merci pour ce tuto ... par contre je cherche un moyen de créer une page que l'on peut gérer comme la page d'accueil , c'est a dire pouvoir ajouter des messages attachés à cette page au jour le jour!

    Je ne sais pas si je m'exprime bien mais en gros lorsque je suis sur la page 2 par exemple ajouter un nouveau message au lieu de modifier l'article existant!! et qu'il s'affiche au dessus!

    Patrick à dit :

    Bonjour soufiane,

    En ce qui concerne le référencement des pages dans google comment cela se passe-t-il ? le sitemap de blogger ne prend-il pas en compte que les articles ?
    Faut-il indiquer manuellement dans webmaster tools la présence de cette page ? Si c'est le cas, comment ?

    Merci d'avance pour la réponse.

    la comédie à dit :

    nice post

    Ted à dit :

    heu j'ai créer un page et je veu inseré des article dedans c'esst possibl? commnent?

    Excellent cet article Soufiane !
    A bientôt.
    Nico

    coucou ! je suis nouvelle sur blogger, et j'aimerais savoir s'il est possible de cacher la barre latérale des pages, pour n'avoir que les titres des pages sans l'espèce de dégradé en dessous, bref, des liens sur fond blanc !!!!

    merciiii beaucoup ! bonne journée !

    Dimilan à dit :

    Salut est ce que tu sais comment on mets des pages en bas de son blog, parce que la j'ai messages anciens et je voudrais avoir le nombre de page.merci.

    Salut Soufiane,

    J'ai réussi à mettre en place les pages ; je voudrais en constuire une par section ( donc 5 au total) pour que chaque section puisse écrire dans son espace privé avec un accès e mail privé.

    Comment peut_on faire celà? mon blog: http://asderimaison.blogspot.com

    Merci si tu peux regarder mon problème.

    Désolé je corrige l'adresse du site: http://asgolfderimaison.blogspot.com

    Cyrille à dit :

    Bonjour Soufiane, j'apprends tous les jours avec toi MERCI !!!!
    Existe t'il un widget "diaporama" avec un affichage plus grand ?
    Si un de mes visiteurs clics sur une photo, google analytics va prendre en compte l'adresse de mon blog ou le widget pour les statistiques de ma page picassa ?
    http://cyrillemarceau.blogspot.com/
    https://picasaweb.google.com/cyrille.marceau
    Merci d'avance
    Ah j'allais oublier ! Comment je fais pour créer un lien vers ta page ?

    Hello Hello,

    Je n'arrive pas à trouver comment lors de la publication d'un message l'affecter uniquement à une page et ne pas le faire remonter dans la page d'accueil. D'ailleurs je ne trouve pas non plus comment créer plusieurs articles dans une page.

    Merci pour ton aide.
    PS : je suis débutant, je lis pas mal de tuto mais c'est quand même un peu hard parfois!

    J'ai un probleme avec les pages crée... Je n'arrive pas à mettre à jour les pages (comme dans la pages d'acceuil). J'aimerais savoir comment faire. Je veux ajouter des nouveaux messages dans mes pages... Jetez un coup d'oeuil: www.lakou28.com/sante
    J'aimerais que la page apparaisse comme celle de la page d'acceuil: www.lakou28.com
    (Loll! c'est un peu difficile à comprendre, ce que je viens d'explique là, mais j'attend une reponse)

    Bonjour, j'ai créé une page, mais lorsque je veux ajouter le gadget "pages", on me dit qu'il est "déjà ajouté". J'ai vérifié un par un tous mes gadgets mais non le gadget "pages" n"y est pas. Je suis bien embêtée...

    Copyright 2011 LeBlogger.com