Remplacer Messages plus récents - Messages plus anciens par des flèches

Pour remplacer "Messages plus récents - Messages plus anciens" par ces flèches, il faut remplacer les mots par des images :

Dans "Mise en page" - "Modifier le code HTML", cocher : "Développer des modèles de gadgets".

Remplacer les mentions d'origine par les instructions indiquées EN ROUGE. Les 2 premières ajoutent une flèche vers la gauche et la droite ; les 3° et 4° remplacent (facultatif) le mot "Accueil" par l'image d'une petite maison.

Les images peuvent être remplacées par d'autres dont l'adresse (http:// ...) existe ou est obtenue en sauvegardant les images temporairement dans un message.

Pour atteindre la partie concernée, effectuer une recherche de la mention "nextprev" (cliquer sur "Édition", en haut à gauche de l'écran, puis sur "Rechercher" - écrire "nextprev" - cliquer sur "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'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5421005467871665602' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUiAzOBIxqpRUf0vMTdqYTku070HmpgIW95FVGSEjre4MJTVvMXR_pQAocvAAwTQzNG3vE3BzfWw0LOmnvN5P-igKrKcHAoyH-clstHKpxK99vQ4r_mk7xKuR9U9COC1kZfyakRqI4vmPo/s200/fleche_116.gif' style='width: 27px; height: 24px;'/>
</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'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5421005396525835730' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh7UXZ7rZDM6d00HeUGOkxDcNoziWj2z8m0gnb__SmY7LClAH3jRz1kg8KQUbqqwOQfStbGbMGD9-z3XSUdfyx8T0heYUHL98E1qD9W_CKmzd5l2hTOv266OYq1WAOVWVbJEXKpDOgj1dm/s200/fleche_115.gif' style='width: 27px; height: 24px;'/>
</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<center>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5421005567015261202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDawzyIoZjlMBa1oYTycQF_NKzKlnWHJmxKruk2J0XU6SnwQIKCmrzW_2SBRbeudDW-sxsQLFOIuLzNEu5H4QxyoMGM7saEA-lxkJEuRnxU2CThnUgjYvrnGMoVsmjMdU1szfpSdJHdXtF/s200/icones_00304.png' style='width: 32px; height: 32px;'/>
</center>
</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<center>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5421005567015261202' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDawzyIoZjlMBa1oYTycQF_NKzKlnWHJmxKruk2J0XU6SnwQIKCmrzW_2SBRbeudDW-sxsQLFOIuLzNEu5H4QxyoMGM7saEA-lxkJEuRnxU2CThnUgjYvrnGMoVsmjMdU1szfpSdJHdXtF/s200/icones_00304.png' style='width: 32px; height: 32px; '/>
</center>
</a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

Pour inverser les deux flèches, procéder aux corrections en rouge suivantes dans le template :

#blog-pager-newer-link {
float: right;
}
#blog-pager-older-link {
float: left;
}

On peut aussi vouloir supprimer les messages "Messages plus anciens - Messages plus récents" qui apparaissent lorsque la souris survole les liens. Pour éviter l'affichage des mentions concernées, il faut supprimer les instructions EN VERT ci-dessus.