"Lire la suite" : changer la présentation

obtenir ces boutons

"Lire la suite" : changer la présentation

Il est possible de changer la présentation du lien "Lire la suite" permettant de voir la totalité du message.

Pour cela, il suffit de modifier le template :

- juste avant :
]]>

- ajouter :
.jump-link {text-align:right; font-weight:bold; padding-bottom:20px;}
.jump-link a{color:blue;}


Cela donnera le lien suivant :
lire la suite ... !

Le lien s'affiche à droite, les caractères sont gras, un espace est ajouté en-dessous, la couleur est bleue. Tout peut être adapté à ses besoins.

Les instructions à ajouter sont :
- pour le gadget :
.jump-link {
}

- pour le gadget sans passage de la souris :
.jump-link a:link, .jump-link a:visited {
}

- pour le gadget au passage de la souris :
.jump-link a:hover {
}


* * * * *
Pour éviter de modifier le template, on peut placer le même code dans un gadget HTML/JavaScript, en ajoutant, avant et après ce code, respectivement <style type="text/css"> et </style>.

Comment ajouter un gadget HTML/JavaScript.

* * * * *
Ce qui s'affiche c'est "Plus d'infos". Pour changer ce message en "Lire la suite" (ou un autre texte), il suffit de suivre cette procédure :
cliquer sur :
- Mise en page
- Messages du blog
- Modifier
- Texte du lien de la page de messages : changer les mots
- Enregistrer

7 commentaires:

~Melle Angèle~ a dit…

Parfait merci pour tous ces tuto c'est une mine d'or votre site j'adore !

Jean-Pierre a dit…

Bonjour,

Depuis le temps que je cherche comment faire pour remplacer "plus d'infos" par "lire la suite".
En réalité c'est très simple mais, il faut le savoir. Comme je débute avec blogger votre blog est pour moi d'une aide précieuse.
Merci.

Hilal Ridouan a dit…

Mille merci

My Name Is Georges a dit…

Bonsoir,

Je me casse la tête depuis plusieurs heures maintenant, j'ai réussi sans soucis à faire un résumé d'article, mais j'aimerais remplacer le texte "plus d'infos" par une image, je le vois sur de nombreux blogs, mais impossible de le modifier dans "mise en page", "article", "modifier"! Est ce que quelqu'un a une solution ?

Meiser a dit…

Bonjour.

dans le template du blog, remplacer <data:post.jumpText/>
par le code d'une image : <img ... >


Yann.B a dit…

Bonjour, merci pour votre aide.
Pour ma part je ne trouve pas cela ]]>

Ou se situe ces signes, dans le codes html du blog complet ?
J'ai beau regarder ligne par ligne je ne le trouve pas.

Leoty Family a dit…

Bonjour

désolée mais je ne comprend pas ce passage :

- juste avant :
]]>
- ajouter :
.jump-link {text-align:right; font-weight:bold; padding-bottom:20px;}
.jump-link a{color:blue;}

Je cherche dans le format texte, dans le format HTML, dans les reglages mises en pages, et nulle part je ne trouve ce " ]]> "
Quelqu'un pourrait il m'eclairer ?

Merci d'avance.