21 mars 2012

Remplacer "Messages Plus Récents", "Messages Plus Anciens" & "Accueil" Avec Des Images

Newer Older Posts Image
Dans ce tutoriel, je vais vous montrer comment remplacer les liens de navigation situées au-dessous des articles : "Messages Plus Récents", "Accueil" et "Messages Plus Anciens" avec des images.
Si vous utilisez la barre de navigation numérotée pour les pages, ces liens ne vont apparaître que sur les pages d'articles.








Important : Télécharger votre modèle avant de commencer.

1. Connectez-vous à Blogger et allez à "Présentation" > "Modifier le code HTML"

2. Cochez la case

Remplacer "Messages Plus Anciens"

Rechercher <data:olderPageTitle/> et le remplacer par le code ci-dessous :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQSFlJ3_Z9wd65jiSaA2uB2qRYZejUh-Gz410ur4CHxojljyHjXcziYJDCexR8DWSHS4ffkIk9AKLARbXQV4gbW_mdNeDpqOlOudxb4l0tX95MLloSOW7b-788Sa207jEetoVJNWwuPBH/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

Remplacer "Messages Plus Récents"

Rechercher <data:newerPageTitle/> et le remplacer avec le code suivant :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eTHhSgPhE27f0sZPQQcw56W8b7DhhGwRmjRGuiXolpVGwnbW3InvxTWYcZsJMgrLat8vnHPt36fmFbaU7HobFt-Mri5nM42s2WdxywDUJXpAdQCPRRZBJX2oXB_Zd8KdclzwNJixNzQt/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

Remplacer le lien "Accueil"

Rechercher <data:homeMsg/> et le remplacer avec le code ci-dessous :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMYNpooDa3n64-k8602xb34ewJ1Cm9uicFWy1vre6g38-W1g20yv6LYhk3I2ftG9YxeIQf0c8SDUYhENOGrwnfBvopdRFqoyrLNoH7_PcQK62Qe-lJUvpcEDXNHd2NBgaV6RppysSBfAO/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

Vous pouvez mettre vos propres icônes en remplaçant les URL des images dans les codes ci-dessus.

Télécharger d'autres modèles de boutons

Cet ensemble d'icône a été créer par MyBloggerTricks. Vous pouvez télécharger ce pack gratuitement sur MyBloggerTricks.com
Cliquez sur l'image pour commencer le téléchargement
Buttons Next Previous Home

9 commentaires:

  1. Bonjour,

    Excellent article. Je tiens un blog sur les nouvelles idées de business : http://ideesdebiz.blogspot.fr/ et grâce à vous, j'ai réussi à personnaliser mes icônes en bas de page.

    Je tiens bien à préciser pour ceux qui peuvent rencontrer les mêmes problèmes que moi, qu'il faut bien remplacer UNIQUEMENT l'url en violet dans votre article, pour les images uploadées chez des hebergeurs.

    Un grand merci pour votre article très intéressant ;)

    Alexandre

    RépondreSupprimer
  2. Bonjour,

    Merci pour le tuto, il marche vraiment bien !!

    RépondreSupprimer
  3. Merci beaucoup pour tes articles ils sont très riche je suis actuellement entrain de construire un blog sur le développement personnel (etrelarchitectedesavie.blogspot.com) et j'avoue que tes articles m'aident énormément pour améliorer mon blog merci beaucoup

    RépondreSupprimer
  4. Simple et efficace, merci beaucoup !

    RépondreSupprimer
  5. Ça marche pas avec la nouvelle version de Blogger --'

    RépondreSupprimer
  6. Bonjour, et merci pour cette astuce ! En revanche depuis que j'ai fait ça pour le bouton "Accueil", le titre de mon blog n'est lui-même plus un lien qui renverrait vers l'accueil... ce qui est embêtant. Comment le rétablir ?
    Merci d'avance !

    RépondreSupprimer