modifier messages précédents suivants

obtenir ces boutons


Modifier les mentions "Messages plus récents - Accueil - Messages plus anciens"

Inverser les mentions "Messages plus récents - Messages plus anciens"


Dans "Modéle", cliquer sur "Modifier le code HTML".

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

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'>
<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.

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


Pour les templates de Blogger de 2010, les instructions à utiliser pour inverser l'emplacement de "Articles plus récents" - "Articles plus anciens" sont les suivantes :

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

13 commentaires:

Yoda a dit…

Bonjour, est il possible de rajouter un code pour changer la couleur du mot "suivant" dans le code ci-dessous

(span style='font-weight: bold;font-family:arial;font-size:130%;'> suivant </span)

merci d'avance

Meiser a dit…

color: #191970;


Yoda a dit…

Merci et bonne journée

Anonyme a dit…

Bonjour,
impossible de trouver l'endroit dans le code html...

Jean-François a dit…

Bonjour,

Je n'arrive pas à trouver les codes suivants dans Modifier le modèle :

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



Je suis pourtant avec Blogger !

Voici mon blogue : http://racines-djief.blogspot.com/2010/11/blogoliste.html

Pouvez-vous m'aider ? Merci !

Voici mon courriel.

Meiser a dit…

Les derniers modèles de Blogger sont différents des précédents, surtout s'ils sont produits avec l'"outil de création de modèles de Bblogger".

<http://modifier-les-modeles-de-blogger.blogspot.com/2010/06/outil-de-creation-de-modeles-de-blogger.html>


iliana a dit…

moi je ne trouve pas les deux derniers paragraphes

Meiser a dit…

Quelle est l'adresse (http://...) de votre blog ?


Deborgey a dit…

Franchement ce blog est génial! merci bcp!!!
Par contre, Pour ajouter 3 rangés de gadgets en haut et en bas ça fonctionne pas pour moi, de même pour modifier "Message" suivant, "précédent", "accueil",je ne trouve de code "nextprev".
Vous n'auriez pas un moyen pour utiliser un code dans un gadget, ça serait bcp plus simple.

Merci d'avance.

Meiser a dit…

Tout ce qui est proposé sur ce site est très simple et fonctionne parfaitement comme vous pouvez le constater sur ce site.

Les seuls utilisateurs qui rencontrent des problèmes sont ceux qui utilisent les nouveaux "modèles" (template) de Blogger qui n'apportent aucune amélioration et dont le code n'est pas compatible celui des anciens modèles. On peut d'ailleurs toujours utiliser ces derniers.


Le monde selon Jeff a dit…

Y'a-t-il alors un code qui remplace ceux-ci ?

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


Ces deux codes ont sûrement été remplacés par d'autres sur les nouveaux modèles.

Vous êtes l'expert en code CSS et j'ai foi en vos capacités. Je peux vous transmettre mon code CSS pour vous aider... Merci !

Jean-François

René et Sylvie a dit…

#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.

Pourriez-vous explique ce qu'il faut faire exactement.
Je ne sais pas ce que veut dire et ou se trouve "Template"
Le reste fonctionne parfaitement
Merci

René

Meiser a dit…


Bonjour.

Pour les template de Blogger de 2010, les instructions à utiliser pour inverser l'emplacement de "Articles plus récents" - "Articles plus anciens" sont les suivantes :

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