Comment remplacer les liens de navigation Récent, Accueil & Plus ancien avec des images

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/AVvXsEicC_bqpDaWs4GGKyDMThWf9dW6Fu7Y2fIXl134e9qnzas-PO43u6TQBk_gxj9OAVCZ9-lk7ZzLtNLQ3I7b5qQTepjwxRAcLQDtmr4NE8g7f6IO2xRZHhgik6vy3QTYi3XWCkS1sce7i3WG/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/AVvXsEiucQ6Ul7bWIuaMfBdSF4iVlDpWlx_sqqHBfHq02MVr2Yr38hCLzcjO3rVxfzTe-TA0adF4YE6E9JeFKlniy4ILg2o9b0D7zlrskFTIQE7HLaA0Jk9KedhODhLRsQ9mPU2_G8oeLQf6sFK7/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/AVvXsEjCpizExoP_0yGwJxDM4_JGFW8xXd2Jyffg3a9y1OVfOTUFh2V5AkIvRBNTvjXprutD_TMHrN6QPYsjYlWgXkN8-FeWapCreQz3_bav1BykdfhRojkjZXRjMpnWCZ9EmbGZ8zVG_QL1ISNX/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>