Résumés automatiques de messages : méhode 2

obtenir ces boutons

Résumé automatique des messages : 2ème méthode

ON PEUT AUTOMATIQUEMENT RÉSUMER LES MESSAGES AVEC UNE MENTION A CLIQUER "Lire la suite ..." et une image provenant du message.

Une première méthode est expliquée sur la page précédente

* * * * *
Une autre méthode est utilisable.

Un exemple est disponible ici.

AVANTAGES SUPPLÉMENTAIRES : le visiteur peut changer (en bas de page) le nombre de messages par page, décider d'afficher ou non des résumés et atteindre n'importe quelle page par son numéro.

Pour obtenir cela, il suffit d'insérer le code ci-dessous dans un message en page d'accueil.

1) Pour créer une page d'accueil, il faut changer la date d'un message déjà publié (sinon il ne s'affichera que plus tard) avec une date ultérieure (par exemple en 2020) pour qu'il apparaisse en premier à l'ouverture du blog.

2) Il faut veiller à ce que ce message s'affiche seul sur la page (pour afficher un message par page, dans le "tableau de bord", cliquer "Mise en page" - dans le grand rectangle "Messages du blog", cliquer sur "Modifier" - 1° ligne : choisir le nombre de messages par page - enregistrer).

3) En affichant ce message, le blog y affichera tous les messages (avec un nombre de messages par page fixé dans le code par "var numPerPage = 7;").

Pour cela, il faut insérer le code ci-dessous dans la version HTML du message en page d'accueil.

IL NE FAUT RIEN AJOUTER D'AUTRE DANS LE MESSAGE OU LA PAGE, SINON CELA APPARAITRA AU BAS DE TOUTES LES PAGES.

<style type="text/css">#main{min-height:300px;}img.article_recent {padding:1px;width:55px;height:40px;border:0; float:left; margin:10px; margin-top:4px;margin-left:0px;margin-bottom:4px; background:#AFC6CE;} .goog-inline-block{display: none;} .footer-outer{}.date-header span{display: none;}.post-timestamp{display: none;}.post-author{display: none;}.post-comment-link{display: none;}.comments{display: none;}.blog-pager{display: none;}.home-link{display: none;}.blog-pager-newer-link{display: none;}.blog-pager-older-link{display: none;}</style><!-- place this code on a page in your blog --><script type="text/javascript">
var maxResults = 100; // 1-500 (500 maximum)
var numPerPage = 7; // nombre de messages affichés par page
var feedURIx = "/feeds/posts/default";
var theResult = null;
var longResumes = 300; // longueur résumé : nombre caractères
var lirelasuite = 1; // 0 ou 1
var ordreMess = 1; // couleur du numéro de page à encoder : de 0 (blanc) à 15 (noir)
var vignette = 1; // petite image : 0 ou 1
var dateInf = 0; // date en-dessous du message : 0 ou 1
</script><script src="https://sites.google.com/site/rvdmarcrailcatrain/home/inverser_ordre_5.js">
</script><div id="feedDiv">
<i>Téléchargement en cours. Veuillez patienter ...</i></div>

var maxResults = 100;
doit être plus élevé que le nombre de messages mais doit être le plus bas possible pour accélérer l'affichage.

Les autres réglages possibles sont expliqués ci-dessus dans le code. Ne pas oublier d'adapter la couleur du numéro de page à encoder (de 0 = blanc à 15 = noir) à la couleur de fond du blog concerné.

2 commentaires:

Dressingdes4saisons a dit…

Bonjour,

J'ai essayé la seconde méthode pour créer un résumé automatique. Cele fonctionne pour tous les articles sauf celui dans lequel j'ai copié le code ! Auriez-vous une solution à ce problème ?

Je vous remercie par avance pour votre réponse.

Meiser a dit…

Bonjour.
Si vous cliquer sur l'exemple, vous verrez qu'en affichant le message en page d'accueil, celui-ci n'apparait pas et est remplacé par une liste de résumés de tous les autres messages.