Comment intégrer "Lire la suite" pour éviter de surcharger un article

1. Utiliser un "Lire la suite"

  Il arrive que l'on fasse des articles un peu longs, ou tout au moins, dont certains détais n'interresseront pas tous nos visiteurs.

Il est utile dans ce cas, à la suite d'un texte d'accroche, composé le plus souvent de 1 à 5 lignes, de faire un "Lire la suite", sur lequel le visiteur doit cliquer pour accéder à la suite de l'article.

2. Faire un "Lire la suite..."

Si vous êtes interessé, je vous propose donc, pour découvrir comment faire, de cliquer sur ce petit "Lire la suite", que l'on peut aussi appeler "en savoir Plus...", ou bien encore "Article complet"  

Vous êtes arrivés ici, c'est donc que vous avez bien cliqué sur mon "Lire la suite".

En réalité, ce n'est qu'un texte avec un lien vers un autre article.

Pour faire un "Lire la suite", il faudra donc créer 2 articles : un "version courte, intégrant le "lire la suite", et un en version longue.

Le premier "Lire la suite" renvoyant vers le second.

3. Code HTML d'un "Lire la suite"

Voici le code HTML utilisé pour mon "Lire la suite" :

<p> <span style="font-size: 8pt;"><em><span style="color: #0000ff;"><a href="http://faireunblog.over-blog.com/article-comment-integrer-lire-la-suite-pour-eviter-de-surcharger-un-article-70674615.html"><span style="font-size: 8pt;"><em><span style="color: #0000ff;">Lire la suite...</span></em></span>&nbsp;</a></span></em></span><span style="font-size: 8pt;"><em><span style="font-family: comic sans ms,sans-serif; color: #0000ff;">&nbsp;</span></em></span> </p>
<p>&nbsp; </p>

4. Personnalisation du code HTML pour "Lire la suite"

En vert, indiquer l'adresse URL de l'article "version longue"

En orange, votre texte pour faire comprendre au visiteur qu'il doit cliquer pour avoir l'article entier.

Le reste du code contient le style de l'écriture, police, couleur...

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[Sagan33]

Bonsoir,


Tout d'abord, merci beaucoup pour ces articles d'aide, ils sont très informatifs quand on veut créer son blog. Le vôtre est très bien conçu et j'y reviens souvent pour me documenter.


Dans ce code lire la suite, j'ai un souci. Donc si je comprends bien, il faut poster 2 articles ? Mais où est l'intérêt de faire un lire l'article, dans la liste d'articles publiés, les articles
vont se trouver en doublon ?


Comment faire pour avoir le lien qui figure dans l'article court mais pas la publication de l'article long. Car où le mettre en publication, quoi qu'on fasse le lecteur le retrouvera en double...


Merci encore pour votre blog, si vous aviez une solution, je prends


Bien cordialement.


Sagan33

[Aurelie]

Effectivement, il sera en double ; vous pouvez changer le titre du "long" en ajoutant "suite".

[tiot]

salut


merci du renseignement


bonne soirée

[jaimematerre]

Comment fais-t-on pour entrer une adresse valide ? J'ai essayée maintes fois et je n'ai pas pu le faire à cause de cet adresse alors que c'étais une très bonne idée !

[Aurelie]

Pour vérifier qu'une adresse est valide, il suffit de la coller dans ton internet explorer et si tu arrives là où tu veux, c'est bon.


Donc, pour récupérer une adresse valide (une page de ton blog, par exemple), il suffit de recopier l'adresse donnée dans ton explorer.

[bfrance]

Bonsoir Aurélie, j'essaie d'introduire un lire la suite sur un article.  Petite question:  Le lien que je tente d'ajouter est extérieur à mon blog,
est-ce pour cela que le lire la suite ne fonctionne pas et que ça indique un message d'erreur? Merci j'attends ta réponse, France

[Aurelie]

cela fonctionne aussi si le lien ext extérieur.


Cison, c'est ici : http://faireunblog.over-blog.com/article-code-html-pour-lire-la-suite-70674206.html

[nadia-vraie]

Bonjour Aurélie,


Si j"en ai besoin,je vais venir prendre le code.


À bientôt et merci.

[Alexandrine]

merci Aurélie, j'ai tout bien compris cette fois-ci !


le langage HTML m'a servi effectivement pour mettre des petits gadgets sur mon blog et je vous en remercie vivement, car c'est grâce à vous ! Par contre, pour écrire un article tout simple
ce n'est pas indispensable, ça y est j'ai compris .


merci encore et bonne continuation à votre site qui est super pour aider les débutantes comme moi ....  


 

[Alexandrine]

bonsoir Aurélie et merci pour toutes ses infos


mais je n'ai toujours pas compris à quoi ça sert finalement d'écrire en HTML ? qu'est-ce que ça apporte à son blog ?je viens d'éditer mon dernier article selon vos explications, je pense y
arriver mais je n'en suis pas sûre car je ne vois aucune différence sur mon blog, mais j'ignore à quoi cela sert vraiment  au final ?

[Aurelie]

le HTML est un langage de programmation et certaines choses ne peuvent être mise sur un blog qu'en copiant le code. Beaucoup de gadgets, des mises en page originales, le changement de
curseur...  mais si on souhaite juste écrire des articles, pas besoin, en effet.

[tiot]

salut


je te souhaite un bon dimanche