Modifier les liens Accueil, Message plus ancien, Message plus récent

Message plus ancien, Message plus récent Accueil
Voici une petite astuce pour changer les liens Message plus ancien, Message plus récent et Accueil. 


Ces liens sont affichés en bas de chaque page de votre blog, y compris les libellés et dans les recherches.



Allez dans Mise en page, Modifier le code HTML, cochez la case "Développer des modèles de gadgets" et recherchez (Ctrl + F) le code suivant:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
Les deux codes en bleu désignent respectivement "Message plus Récent" et "Messages plus Ancien",
Les deux codes en rouge désignent le lien "Accueil" : il faut les modifier tout les deux.
Message plus ancien, Message plus récent Accueil
Message plus ancien, Message plus récent Accueil
Vous pouvez modifier ces codes avec le texte ou l’image que vous voulez. Vous pouvez également les supprimer.

Pour mettre une image copier/coller le code suivant :
<img alt='Accueil' src='http://4.bp.blogspot.com/_xDpoN6UfFFY/Si1KY6ytxsI/AAAAAAAAAU0/FuABsy-sA2I/s400/Home_64x64.png'/>
Remplacez l’url et le texte en vert avec l’image et la description que vous voulez afficher.
Libellés : Publié le lundi, juin 22, 2009
58 Commentaires
  1. Ha c'est cool que tu ais fai un article la dessu ^^
    moi j'ai supprimé complètement les liens XD

    RépondreSupprimer
  2. ça a fonctionné au moins Mam'zel O ?

    j'ai vue sur ton blog qu'il n'y a plus de liens, donc :-/

    RépondreSupprimer
  3. J'y suis arrivé!!Hourra!!!Merci!!

    RépondreSupprimer
  4. Puisque j'ai le thème "langit" dans mon blog, pourrais-tu m'aider, car ce n'est pas du tout le script que je vois dans mon code html...

    RépondreSupprimer
  5. @ Bible du Geek
    Tu recherches que les deux codes pas la peine d'avoir exactement le même code.
    :-/ c'est quoi langit :-/

    RépondreSupprimer
  6. Langit c'est l'un des thèmes du top 70 templates for Blogger

    RépondreSupprimer
  7. Salut LeBlooger,

    Peux tu me donner la fin du code en vert, celui par lequel il faut remplacer l'initial

    J'ai beau essayé comme je veux, ça passe pas 8-}

    Merci d'avance à toi ;)

    RépondreSupprimer
  8. @ Kheops
    Par exemple :

    <img src='http://i906.photobucket.com/albums/ac264/leblogger/1248387885_arrow_left_48.png'/>

    RépondreSupprimer
  9. Merci Soufianes ;)

    Hier soir j'ai essayé comme un bourrin en tentant diverses balises :))

    Allez Hop, je vais continuer le chantier sur le blog ;)

    RépondreSupprimer
  10. Génial cette astuce ! Mise en place : c'est super beau... Merci Soufiane !

    RépondreSupprimer
  11. merci pour ton site
    je viens de tous essayer sur mon site : http://www.adressemaroc.com et j'en suis content

    merci encore

    RépondreSupprimer
  12. bonjour,

    Merci pour cette astuce.

    Par contre je ne sais pas pourquoi mais mon image pour le retour à l'accueil (mon logo) se met à gauche juste après la flèche pour le message précédent.

    comment puis-je la remettre au milieu ?

    d'avance merci

    RépondreSupprimer
  13. slt jfé éssayé dans mon blog http://allworldddl-plus.blogspot.com/ pouré médé si jarive pa o ca ou

    RépondreSupprimer
  14. avec mon theme blogger template xml Langit

    RépondreSupprimer
  15. @ TCKAlexon
    Ok, c'est cool je vois que ça marche ....
    Par contre ça serais mieux de garder les liens texte ou image et pas les deux ...
    Langit ??? ça date ce truc !!!

    RépondreSupprimer
  16. slt
    Merci pour cette astuce mais c marche pas et en+ je ne trouve pas le code Html, regarde le code comment j'ai trouvé :
    #blog-pager-newer-link{padding-left:20px;float:left;}
    #blog-pager-older-link{padding-left:20px;float:left;}
    #blog-pager{text-align:center; padding-top: 10px; padding-bottom: 10px;}
    :o svp aidez moi
    http://moriscostunez.blogspot.com/

    RépondreSupprimer
  17. Bonjour,
    j'apprends grâce à vous bcp de choses sur Blogger, j'ai ouvert un blog très simple avec "Mininima" et donc avec widget... Néanmoins je souhaite ouvrir un autre blog qui se comporterait plus comme un site, j'ai trouvé un template (http://btemplates.com/2009/08/01/rs-garden/demo/)qui correspond à mes attentes mais celui-ci n'a pas de widget, j'ai mis les mains dans le cambouis, mais comme je suis toute nouvelle dans le monde du blog j'aurais besoin de savoir comment ajouter des liens (ou Tags ?) dans le HTML sous "Archives". Il y sont sur la démo mais pas sur le XML, j'ai fouillé dans le développer de Safari, mais j'ai du HTML...
    merci beaucoup par avance.

    RépondreSupprimer
  18. @ KLo
    J'ai pas bien compris l'histoire des "sous Archives"...
    Il n'y a pas de widget parce que le design est comme ça, tu peux en créer mais ça va tout modifier....

    RépondreSupprimer
  19. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  20. Bonjour et merci pour ta réponse. En effet je n'ai pas été très clair, il s'agissait des éléments tels qu’"archives", "liens" etc.
    voici l'adresse http://bpmctest.blogspot.com/. Ce que me gêne c'est que lorsque que l'on clic sur lire la suite j'ai ce "archives" à gauche (que je pourrais supprimer ?) mais je souhaiterais mettre "liens" comme sur la démo.
    à bientôt et merci pour les partages de tes connaissances. Par ailleurs, mais ceci fera probablement l'objet d'un prochain post: le flash en XML.
    Aucun souci pour mettre du flash dans un message, mais les images hébergées sur mon serveur perso sont dans un dossier + XML. J'ai essayé de mettre le chemin absolu http://monsite/dossier/sous dossiers/leswf.swf mais le swf n'est pas "lu" dans son intégralité, c'est à dire que les images ne sont pas chargées. C'est curieux, car j'ai vu du flash dans pas mal de blogs.
    A bientôt.
    KLo

    RépondreSupprimer
  21. Salut Saufiane:|
    A la place des images qui remplacent "précédent" et "suivant", j'aimerais installer une numérotation. J'ai bien trouvé une méthode décrite dans un site mais je n'arrive pas à l'appliquer parce qu'il me manque un bout du code HTLM que l'on doit modifier. Cette numérotation est importante pour moi car mon site ne contient pas d'articles à proprement parler mais uniquement des photos, et bientôt des videos...quand tu nous auras appris à les insérer sans les héberger sur le blog et sans passer par les plateformes youtubes, dailymtion...:D)

    Merci de ta réponse
    ps: si tu veux, je t'envoie le lien du site pour la numérotation.

    Favyius

    RépondreSupprimer
  22. @ Favyrius
    Oui je vais publier ça très bientôt, mais franchement c'est pas facile à mettre en place.....
    Merci pour le lien mais je connais, t'inquiète...

    RépondreSupprimer
  23. c'est facile à utiliser pour langit c'est tré simple depuis le temp la g changer de template qui trouve dans mon site http://allworld-ddl.tk/

    RépondreSupprimer
  24. Bonjour Sofiane,

    Bon déjà, merci à toi pour ce blog!
    Je souhaiterai remettre les liens "messages plus ancien/messages plus récents" Tu pourrais me dire comment faire stp?
    Merci à toi..

    RépondreSupprimer
  25. Bonjour
    Pourrais-tu me donner le script de numérotation du template situé en bas de page à cette adresse http://movies-city.blogspot.com/ , et comment le mettre.
    Merci pour la réponse

    RépondreSupprimer
  26. J'ai un peu tâtonné parce que mon code html ne correspond pas au fragment que tu cites mais en ne faisant porter la recherche que sur newerPageTitle, je me suis repéré et ensuite ça va tout seul.
    Suis content, le résultat vaut vraiment le coup.
    Merci.

    RépondreSupprimer
  27. @LilietJo
    Tu re-remplaces ce que tu as remplacé ;) ;)

    RépondreSupprimer
  28. Genial, ca fonctionne du premier coup !
    Merci pour cette astuce qui devient vite indispensable a cause de cette foutue auto pagination ...
    Anne, http://voiliersundance.blogspot.com

    RépondreSupprimer
  29. Bonjour Soufiane. Je suis actuellement en train d'aider mon amie à mettre en place son template pour son blog et j'utilise beaucoup de tes astuces pour ça. Déjà merci pour ça ton site m'aide beaucoup. :)

    Néanmoins le dit template ne veut pas afficher les liens "messages plus anciens" ou "nouveaux messages" en bas de page. J'ai beau chercher et bidouiller le code html rien n'y fait. Pourrait tu éventuellement m'aider? (si tu as le temps hein ;))

    Je te met le lien du blog : http://breakfast-at-samaras.blogspot.com/

    Et si tu es d'accord je t'enverrai le code par mail pour que tu vois ça! Merci d'avance.

    RépondreSupprimer
  30. @Laranjinha1986
    Est ce que tu as trouvé un code qui ressemble a celui de l'article ??

    RépondreSupprimer
  31. Juste une petite suggestion pour trouver des icônes (flèches, maison...) dont on peut personnaliser la couleur et la taille :
    http://iconza.com/
    Le chargement de la page est un peu long, mais après le téléchargement est très rapide.
    J'y ai trouvé pour ma part mon bonheur et ça intéressera peut-être d'autres internautes.
    PS : un grand merci à Soufiane pour toutes ces astuces...

    RépondreSupprimer
  32. Soufiane : c'est d'la balle !
    J'ai modifié les liens en pied de page, trop bien, merci beaucoup !!!
    (je précise que j'ai les nouveaux template du concepteur de modèle de Blogger). J'ai modifié 1 seul des liens pour accueil au lieu des 2 que tu mentionnais sans doute à cause des anciens templates.
    Merci beaucoup !
    ;)

    RépondreSupprimer
  33. Bonsoir, moi j'ai mis un template qui n'est pas predefini et par consequent j'utilise le modele classique de blogger, seulement il n'y pas du tout les "messages plus anciens , plus recent. " en bas de la page et je sais pas quel code mettre et ou le mettre dans "code html" pourriez vous m'aider svp?

    RépondreSupprimer
  34. Bonsoir Soufiane , je veux créer un blog mais dans la majorité des thèmes je trouve pas les pages 1 2 3 4 5 ... mais plutot Messages anciens Nouveaux messages , je voudrais bien les modifier en mettant des numéros de pages réponds moi le plus vite possible stp . Cordielment

    RépondreSupprimer
  35. Bonjour
    va à cette adresse : http://www.facebook.com/note.php?note_id=130720456939674

    Tu peux aussi visiter mon blog : http://windowslogicielsgratuits.blogspot.com/

    RépondreSupprimer
  36. Ola Soufiane

    et comment fait-on pour les déplacer ?

    car sur mon blog croqueur d'images, ils se retrouvent à peine visible coincés entre mes photos et la colonne image !! vraiment bizarre, car je n'ai les pas modifié ..

    RépondreSupprimer
  37. quand tu dis :

    copier et coller le code suivant

    c'est où, qu'on le colle? avant ou après le texte bleu ou rouge?

    et pourquoi : 'accueil' ? qui est en vert? est ce qu'on met message plus ancien à la place si c'est pour message plus ancien?
    parceque, dans le texte à la base y'a "home" pour accueil...alors je ne comprends vraiment pas..

    RépondreSupprimer
  38. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  39. enfin je veux dire : "pourquoi 'accueil'? (qui est en vert)"

    RépondreSupprimer
  40. je l'ai fait en créant mes propres icônes !! ^^
    super chouette merci pour cette astuce !! :)

    RépondreSupprimer
  41. Merci pour ce petit tuto, malheureusement j'ai l'impression que depuis quelques jours ça ne marche plus vraiment:
    J'ai bien tout fait comme il faut (je pense), les images s'affichent parfaitement mais pbm:
    -lorsque l'on se trouve sur un article précis et qu'on fait "plus ancien" ou "plus récent" aucun souci ça marche nickel
    - lorsque l'on se trouve sur la page principale du blog (accueil) et que l'on clique sur "plus ancien" une page d'erreur blogger apparait (code: bX-67oaj1)!
    -seul le bouton accueil marche dans les 2 cas

    N'y a t-il que sur mon blog que ça fait ou est ce un pbm déjà vu ailleurs?

    RépondreSupprimer
  42. Edit: Finalement en cherchant un peu j'ai trouver la réponse a ma question, apparemment c'est un pbm récurrent donc pour ceux que ça intéresse:
    http://www.google.co.uk/support/forum/p/blogger/thread?tid=66a905ae2b2c2ff6&hl=en

    RépondreSupprimer
  43. Bonjour,

    Je m'aperçois de mes lacunes en informatique. Je voudrais remplacer "message plus ancien" par "jadis", "message plus récent" par "Tantôt" et "Accueil" par "Présentement". Que dois-je écrire, exactement ?

    Merci !

    RépondreSupprimer
  44. Cela marche nickel, j'ai ajouter le code avec l'image ;)

    http://video-buz.blogspot.com/

    RépondreSupprimer
  45. Bonjour à tous et merci à l'auteur de ce blog pour toutes ces astuces...

    Pour ma part, j'ai un problème avec mon template (Vetro) qui n'affiche pas les liens "messages plus anciens" ou "nouveaux messages" en bas de page. J'ai beau chercher et bidouiller le code html mais rien n'y change...

    Pour info, j'ai exactement le même code de cet article dans le code html de mon blog mais rien apparait au final... Je n'ai jamais eu de problème sur mes autres blogs mais celui-là, me pose quelque problème...

    Pour tous ceux qui souhaite m'aider, voila l'adresse du blog : www.agence-avantgarde.blogspot.com

    Merci d'avance ! ;)

    RépondreSupprimer
  46. J'ai trouve une Faille dans ce Script!
    Réussi à ajouter une image *.gif en mode Accueil mais quand je mets suivant c'est OK -> Mais Précédent ne fonctionne pas!
    C'est dommage :D il me ouvre une fenêtre genre "Error HTML"

    By; Silver

    RépondreSupprimer
  47. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  48. Bonjour Soufiane,

    Premièrement merci pour ton blog. C'est grâce à lui que j'ai pu optimiser mon blog.
    Je me demandais toutefois, si il est possible de remplacer messages plus anciens et plus récents, par le titre des messages en question?

    Merci d'avance pour ton aide.

    Clara

    RépondreSupprimer
  49. Bonjour comment mettre des numéros de pages a la place?

    RépondreSupprimer
  50. Merci, très bon tuto, parmi une quantité de tuto incomplets désarmante, ça fait plaisir!
    emilie

    RépondreSupprimer
  51. Comment fait on pour supprimer purement et simplement ce pager ?

    RépondreSupprimer

Copyright 2015 Soufiane.fr