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



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='http://2.bp.blogspot.com/_sPwH_KmuNT8/SztHwFXw3cI/AAAAAAAAAjY/ImK66yCGAsQ/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='http://2.bp.blogspot.com/_sPwH_KmuNT8/SztHr7ll5dI/AAAAAAAAAjQ/vwB3mXOEL-A/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='http://1.bp.blogspot.com/_sPwH_KmuNT8/SztH12tcFBI/AAAAAAAAAjg/NiYlVd1HzQc/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='http://1.bp.blogspot.com/_sPwH_KmuNT8/SztH12tcFBI/AAAAAAAAAjg/NiYlVd1HzQc/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.

4 Commentaires

Laisser un commentaire

  1. Bonjour,
    j'ai réussi pour les flèches mais pas à supprimer le texte "Messages plus anciens - Messages plus récents". De plus, le texte est décalé à gauche de "Messages plus récents" et j'aurais préféré qu'il soit à droite. http://nbbc-met.blogspot.com/
    C'est un nouveau mini-blog ultra-minimaliste(créé hier), j'ai donc peut-être "cassé" quelque chose à force de le bidouiller!
    A signaler que j'ai inversé les URL des flèches.

    RépondreSupprimer
  2. Bonjour!
    Bon, j'ai fini par résoudre ce problème et beaucoup d'autres sur mon blog http://nbbc-met.blogspot.com/ et j'ai même mis les flèches "Messages plus anciens - Messages plus récents" à mi-hauteur de part et d'autre du corps du blog...
    Ce que je voudrai savoir, c'est comment remplacer le texte "Messages plus anciens - Messages plus récents" qui apparaît quand on survole l'image par autre chose.

    RépondreSupprimer
  3. il faut alller voir dans le code inserer et changer le texte "Messages plus anciens - Messages plus récents" par les nouveaux

    RépondreSupprimer
  4. Merci, mais je ne vois pas du tout où ça se trouve dans le code inséré...

    RépondreSupprimer

Publier un commentaire

Laisser un commentaire

Plus récents Plus ancienne