Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
14 mars 2017 2 14 /03 /mars /2017 11:26


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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Partager cet article

Repost 0
Published by Aurelie - dans Petites astuces
commenter cet article

commentaires

Sagan33 21/03/2012 22:49


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 26/03/2012 10:09



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



tiot 25/01/2012 23:28


salut


merci du renseignement


bonne soirée

jaimematerre 05/01/2012 22:09


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 07/01/2012 14:49



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 06/05/2011 03:58



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 07/05/2011 10:00



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 30/04/2011 06:00



Bonjour Aurélie,


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


À bientôt et merci.



Alexandrine 14/04/2011 13:36



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 13/04/2011 19:14



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 14/04/2011 09:21



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 10/04/2011 11:14



salut


je te souhaite un bon dimanche



Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation