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:

  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

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top