Je viens de remarquer que sur Over-Blog, il n'existe pas la feature "Lire la suite".
Cette méthode permet d'écrire un léger texte et d'avoir un lien "Lire la suite" afin de ... lire la suite.
Il y a bien la méthode "Avoir un extrait", mais c'est une calamité pour le design.
Voici la méthode pour avoir un "Lire la suite" convivial et sans javascript-kikoolol que la plupart des aides proposes.
Allez dans "Design", puis cliquez sur "Mode avancé (CSS)". Cliquez à gauche sur "Global" ou "Acceuil".
Puis cliquez sur "Je souhaite modifier et appliquer la feuille de style à mon blog" ou "Personnaliser le CSS" ou "Editer le CSS" (ca dépend des versions d'OverBlog, si vous ne trouvez pas, cherchez une méthode pour éditer le CSS).
Tout à la fin du CSS, rajoutez :
#lirelasuite {display:none;}Enregistrez, cliquez maintenant sur "Articles" (toujours dans l'édition des CSS!) et rajoutez son équivalent contraire :
#lirelasuite {display:block;}Et enregistrez de nouveau.
Maintenant, écrivez simplement votre article. Lorsque vous avez terminé, éditez le code source de votre post (icône HTML) et mettez entre des div soigneuses placés, le texte qui doit être cacher sur la page principale.
Exemple:
Voici mon texte blah blah blah...
<div id="lirelasuite">le texte caché mais visite si on clique sur l'article</div>
Ainsi, sur la page principale, le texte à l'intérieur du «Div» sera parfaitement caché.
Si vous cliquez sur le lien du titre (ou si vous en créez un), vous verrez le texte caché sans problème.
UPDATE: Certains me disent "et pour le lien qui apparait ?"
On va essayer de faire simple: dans le CSS pour la page principale, mettez :
#lirelasuite_lien { display:block; }Et dans le CSS pour l'article, l'inverse:
#lirelasuite_lien { display:none; }Ainsi, pour le lien, vous mettez <a href="monlien.html" id="lirelasuite_lien"> (attention à ne pas le mettre dans le div de la partie du texte caché)
Il apparaitra sur la page principale et disparaitra quand on cliquera sur "Lire la suite".
Commentaires
Merci Benjamin pour le complèment d'info, j'ai rajouté en commentaire l'adresse vers cet article. Je suis entièrement d'accord avec toi concernant la fonction "avoir un extrait".
annakLa possibilité existe :
LionelDans Configurer, module "Articles", cliquer le petit marteau pour accéder à la conf du module.
Ici, choisir "Résumé d'article" et la longueur des résumés.
Je vois ce que tu veux dire. Cependant l'astuce demande de passer en display "tout-pas-beau" et d'être limité en nombre de caractère. Donc si tu souhaites moduler le résumé de ton article selon tes désirs et indépendament de chaque article, cela reste impossible.
BenjaminQu'entends-tu par "display tout-pas-beau" ? =)
AnalogueLe display tout-pas-beau c'est l'affichage utilisé lorsqu'on demande un résumé sur N caractère.
BenjaminLes effets de texte que l'ont peut placer sont désactivés et les images sont réduites en tout petit.
On se retrouve un pseudo affichage RSS.
Bref, un display vraiment crade.
Bonjour,
NickyzaJe pense avoir tout bien suivi la procédure du "lire la suite"...mais lorsque j'ai fait "Publier l'article" une fenêtre s'est ouverte m'annonçant que "mon article était trop long...Plus de 64000 articles HTML et que je devais le réduire avant de le publier"...
Hum...à quoi sert le "Lire la suite" alors...?? suis déçue et ne sais plus quoi faire...
Petite question: Après avoir été coller dans le CCS et enregistré, tu dis "cliquer dans article">>> on retourne bien dans "Publier nouvel article" et on colle l'autre partie du code?...mais on enregistre où?? (car je n'ai pas vu "Article" à cliquer dans le ccs)
Pour toutes ces manips, peut on les faire sur un texte déjà publié, ou doit-on supprimer le texte et recommencer (ce que j'ai fait...)
Merci de m'aider et bravo -)) car les explications semblent claires sinon, sauf qu'avec moi ça ne marche pas!...pas étonnant je ne suis pas très douée à priori... :-)))
Je te cite « une fenêtre s'est ouverte m'annonçant que "mon article était trop long...Plus de 64000 articles HTML et que je devais le réduire avant de le publier"... »
BenjaminLa méthode "Lire la suite" ne te désengage pas de respecter les 64000 caractères dans ton post.
La méthode te permet juste de cacher une partie de ton texte sur la page principale de ton site, mais d'en avoir le contenu complet si une personne qui clique sur un lien amenant vers ton article.
Je te cite « tu dis "cliquer dans article" on retourne bien dans "Publier nouvel article" »
Non, tu restes dans l'édition des CSS, tu as un lien "Articles" à ta gauche (si le design d'overblog ne change pas), qui te permet d'éditer le CSS de la partie "Articles".
Je te cite « (car je n'ai pas vu "Article" à cliquer dans le ccs) »
Si, regarde bien
Il est avec les autres liens (à gauche normalement):
* Global
* Accueil
* Articles
* Pages
* Albums photos
* Photo seule
Je te cite « Pour toutes ces manips, peut on les faire sur un texte déjà publié, »
Tu peux le faire sur un article déjà publié bien entendu, sinon c'est pas drôle
Non, non, je t'assuuuuure: dans MON ccs, je n'ai QUE "global" dans la colonne de gauche! Es-tu sûr que la configuration de O.B n'a pas changé depuis ton article qui date de Février??
NickyzaVa voir et dis moi... En tous cas merci de bien vouloir m'aider! :-))
> Es-tu sûr que la configuration de O.B n'a pas changé depuis ton article qui date de Février??
BenjaminNon, t'inquiètes, j'ai vérifié de nouveau, j'ai même rajouté quelques éléments dans mon post pour éviter les confusions.
Tu cliques bien sur "Design" puis en dessous sur "Mode Avancé (CSS)" et normalement tu devrais voir d'autres modes que "Global". ?
Cependant, je viens d'avoir un tilt: Clique sur "Thèmes prédéfinis" et selectionne "Ray (blue)" ou "Ray" et reviens sur "Mode Avancé (CSS)", et dis-moi si cela à changé quelques choses.
Non Benjamin...désolée, ça n'a rien changé...:-(
NickyzaJe continue à n'avoir que "global" dans ma colonne de gauche... malgré le fait d'avoir cliqué sur "thèmes prédéfinis" et "Ray"...
et toi, sur ton ccs tu as bien toutes les fonctions dont tu me parles??!!! Pfffff pourquoi ne sont-elles pas sur mon administration?...encore un mystère...
Bon ben si tu as une autre illumination, tiens-moi au courant... et merci!
Ok! j'ai trouvé, enfin je crois car j'ai pas trop envie de cliquer sur des boutons sur l'admin de over-blog ... la mauvaise expérience d'avoir tout perdu juste en passant d'un mode à l'autre.
BenjaminAlors !
Nickyza, relève les manches, on va y aller !
Clique sur "Configurer" puis sur "Mode avancé".
Là, on va te dire "Vous êtes en mode classique" et en dessous un bouton "Passer en mode avancé", clique sur ce bouton.
Enfin retourne sur "Design" et tout le tralala comme on a vu, et normalement tu devrais voir les autres feuilles CSS.
Dis moi si ca passe chez toi.
Tout perdu en passant d'un mode à l'autre????!!! C'est ce qui t'es déjà arrivé??!!!mais alors c'est ce que je risque en passant en mode avancé??? oulalala...j'ai les choquottes là...Si ya un risque...je me demande si je ne vais pas choisir d'oublier le "Lire la suite"...Sais plus quoi faire...? C'est que je ne suis pas une pro comme toi, hein, Benjamin!!! :-)))
NickyzaMonan, arrêtes de faire ta flippette !
BenjaminJ'ai rien perdu, c'est juste moi qui suis passé de "Expert" à "Normal" et j'avais perdu mes petits modifications subtiles dans les thèmes (comme les modifs CSS)
Mais vu que toi tu vas faire l'inverse, tu risques de pas perdre grand chose ... au pire, tes articles disparaissent, ton compte est bloqué ou supprimé, ton chat décède et l'apocalypse et la fin du monde vont s'abattre.
Rien de grave quoi.
(PS: Je déconne hein ... enfin sauf pour l'apocalypse et la fin du monde, ca va vraiment arriver après avoir modifié les CSS)
Grazié Milé! Ca marche au poil! Super truc!
politisbonjour et merci
garbcela ne marche pas chez moi: dans l'éditeur de CSS, faut-il coller avant ou après la ligne /* @end */ ?
dans mon cas, le texte est bien cache dans l'accueil, mais le lien lire la suite n'apparait pas ?
merci de ton aide
Le lien "lire la suite" doit être fait par toi, il n'est pas automatiquement créé.
BenjaminEn gros tu fais un "<a href="article-35222034.html">Lire la suite</a> ou bien tu laisses les gens cliquer tout simplement sur le titre de ton post.
je viens de trouver ce site et l'explication qui m'intéresse énormément vu que je me bas avec le CSS de mon blog afin d'avoir des résumés d'articles qui soient plus "bô" que l'option automatique proposé!
bestiol2bon, malgré ça je n'arrive pas à le faire fonctionner...j'en suis à l'étape des bornes "div" et c'est là que je me perds! il y a des <span...> un peu partout et du coup je ne sais pas trop ou je dois coller mes div!! au dernier essai il m'a bien effacé du texte mais une partie seulement du paragraphe que je veux "cacher"...ça veut dire que je ne mets pas </div> au bon endroit j'imagine!
La méthode marche, mais comment on fait pour le lien "lire la suite".
Si je mets un lien à la fin de l'extrait à afficher, ensuite il apparait aussi quand l'article entier est affiché, et c'est pas terrible d'avoir un lien lire la suite en plein milieu de l'article.
Il y a une astuce ?
Merci pour ce post en tout cas !
raf@Raf: tu n'as pas du lire correctement l'article car c'est expliqué
Tu as l'ID "lirelasuite" pour le lien "lire la suite".
BenjaminSuivant le CSS chargé (différent entre l'index et la page de l'article), le lien apparait ou disparait (block ou none).
Merci pour la réponse. J'y arrive toujours pas.
" Tu as l'ID "lirelasuite" pour le lien "lire la suite". "
Cad comment utiliser l'ID ?
J'ai tenté de mettre un lien du type :
<a href="nom-article-numéroarticle.html">Lire la suite</a>
...dans le code html de mon article.
J'ai tenté de mettre le lien avant et après <div id="lirelasuite">, mais dans les deux cas, ca marche pas. (soit une partie de l'article est cachée, mais le lien n'apparait pas, soit le lien apparait mais dans ce cas la, il est toujours présent même quand on affiche l'article entier).
Ca serait sympa de faire une explication pour newbie de la manière de faire le lien.
Rafl'ID de "lirelasuite" est dans l'url
Ton lien doit être comme-ci:
<a href="tonlien" id="lirelasuite">Lire la suite</a>
Tu as raison sur un point, la partie "url" n'est pas très newbitesque, je vais remédier à cela
BenjaminHeu, j'ai dis une connerie, c'est pas "lirelasuite" mais "lirelasuite_lien". Au temps pour moi. J'ai updaté l'article en conséquence.
BenjaminBonjour
vansExiste-t-il un autre moyen de mettre en place ce feature dans le cas où on ne peut pas modifier le css du modèle choisi ?
Merci pour votre réponse.
Bonjour, j'ai un problème, tu dis :
"Il apparaitra sur la page principale et disparaitra quand on cliquera sur Lire la suite."
Or, chez moi, ce lien ne disparait pas en cliquant sur "Lire la suite". Le texte caché n'est plus caché, mais le lien "Lire la suite" est toujours planté dans le milieu.
Sebmagic@Sebmagic: tu as lu la partie après "UPDATE" ?
Benjamin