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.
1. Connectez-vous à Blogger et allez à "Présentation" > "Modifier le code HTML"
2. Cochez la case
Rechercher <data:olderPageTitle/> et le remplacer par le code ci-dessous :
Rechercher <data:newerPageTitle/> et le remplacer avec le code suivant :
Rechercher <data:homeMsg/> et le remplacer avec le code ci-dessous :
Vous pouvez mettre vos propres icônes en remplaçant les URL des images dans les codes ci-dessus.
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
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"
<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"
<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"
<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
Cliquez sur l'image pour commencer le téléchargement
Bonjour,
RépondreSupprimerExcellent 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
Bonjour,
RépondreSupprimerMerci pour le tuto, il marche vraiment bien !!
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épondreSupprimerSimple et efficace, merci beaucoup !
RépondreSupprimerÇa marche pas avec la nouvelle version de Blogger --'
RépondreSupprimerBonjour, 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 ?
RépondreSupprimerMerci d'avance !
https://pga-championship.de/
RépondreSupprimerPGA Championship
PGA Championship 2018
US PGA Championship
US PGA Championship 2018
h2018 PGA Championship
The PGA Championship
hThe PGA Championship 2018
PGA Championship 2018 Tee Times
hPGA Championship 2018 Leaderboard
PGA Championship 2018 Schedule
https://pgapgachampionship.com/
GA Championship
PGA Championship 2018
US PGA Championship
US PGA Championship 2018
2018 PGA Championship
The PGA Championship
hThe PGA Championship 2018
PGA Championship 2018 Tee Times
PGA Championship 2018 Leaderboard
PGA Championship 2018 Schedule
Alabama Football
RépondreSupprimerAlabama Football 2018
Alabama Football Livep
Alabama Football Live Stream
Alabama Football Live Streaming
Alabama vs Louisville
Alabama vs Louisville Live
Alabama vs Louisville Live Stream
Watch Alabama vs Louisville
Louisville vs Alabama
Louisville vs Alabama Live
https://alabamafootballi.icu/
https://alabamafootballi.icu/
https://alabamafootballi.icu/
https://alabamafootballi.icu/
https://alabamafootballi.icu/
Alabama Football
Alabama Football 2018
Alabama Football Livep
Alabama Football Live Stream
Alabama Football Live Streaming
Alabama vs Louisville
Alabama vs Louisville Live
Alabama vs Louisville Live Stream
Watch Alabama vs Louisville
Louisville vs Alabama
Louisville vs Alabama Live
https://alabamafootballi.icu/
https://alabamafootballi.icu/
https://alabamafootballi.icu/
https://alabamafootballi.icu/
https://alabamafootballi.icu/
Lovee this
RépondreSupprimer