Modifier les messages - Messages plus récents - Accueil - Messages plus anciens

Je vous propose comment modifier les messages Messages plus récents - Accueil - Messages plus anciens :

Dans "Présentation" (ou "Mise en page") :

- Cliquer sur "Modifier le code HTML",
- Cocher : "Développer des modèles de gadgets".

Remplacer les messages d'origine par les mots indiqués EN ROUGE (ou d'autres mots).

Pour atteindre la partie concernée, effectuer une recherche CTRL + F de la mention "nextprev" ( ou 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'>
<span style='font-weight: bold;font-family:arial;font-size:130%;'>Page suivante</span>
</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'>
<span style='font-weight: bold;font-family:arial;font-size:130%;'>Page précédente</span>
</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<span style='font-weight: bold;font-family:arial;font-size:130%;'>accueil
</span>
</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<span style='font-weight: bold;font-family:arial;font-size:130%;'>accueil</span>
</a>
</b:if>
</b:if>

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

On peut aussi vouloir supprimer les mentions "Messages plus anciens - Messages plus récents" qui apparaissent en petit en-dessous du curseur lorsque ce dernier survole les liens. Pour éviter l'affichage de ces mentions, il suffit de supprimer les instructions EN VERT ci-dessus.

Pour changer la taille des indications, corriger 130% dans le code précité.

Enfin, pour placer "Page suivante" à droite et "Page précédente" à gauche, ce qui est plus logique, modifier les instructions ci-dessous dans le template :

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

CES INSTRUCTIONS N'EXISTENT PAS DANS TOUS LES TEMPLATES, NOTAMMENT CEUX DE BLOGGER DE 2010.

Dans ces cas, la solution est d'ajouter ces instructions dans le template.