Liste d’articles similaires à la fin de chaque billet

By
Advertisement

Soutenez le blog en votant pour lui sur jarodxxx (Explications ici)

L’une de possibilité de faire demeurer un peu plus un nouveau visiteur sur son blog est d’afficher les articles contenus dans la même catégorie que l’article qu’il vient de lire. Si l’un des articles traite d’un sujet vraiment similaire à ce qu’il vient de lire, il pourra aller y jeter un coup d’œil.

Sur wordpress il existe un moyen d’afficher les articles similaires (portant le même libellé que l’article affiché).

Comme Blogger n’offre pas cette possibilité, Hoctro avait developpé un petit widget pour arriver à cette fin. Ce widget fut amélioré par Jack Book. Il est facile à installer dans le modèle html de son blog. Il suffit pour cela de :

1. Se connecter sur son compte, aller sur « mise en page » puis sur « Modifier le code HTML » et cocher sur « Développer des modèles de gadget ».

2. Trouver les codes suivants :

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

3. Juste après ceux-ci, mettre l’ensembledu code qui se trouve sur cette page

Enregistrez votre modèle et allez voir le résultat.

Vous pouvez avoir un aperçu de ce que ça donne à la fin de chaque article de ce blog.

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.


42 commentaires:

  1. Salut Rodney,
    J'ai installé ce "widget" il y a quelque temps et pour l'instant, j'en suis satisfaite. Surtout qu'il permet, avec une astuce, de pouvoir afficher la liste de tous les articles : il suffit de créer un billet et de lui assigner toutes les catégories (cf mon blog : http://aufilduweb.blogspot.com/2018/03/liste-des-billets.html)

    C'est pas extra mais à défaut de mieux, c'est pas mal.

    Tant que j'y suis, pourrais tu expliquer comment tu fais pour avoir un fond blanc sur ton "main wrapper" qui s'adapte à la bonne longueur ? Faut-il juste assigner une image ? De quelle taille ?

    Merci.

    PS: je vois aussi que tu as fait disparaitre les liens vers hoctro et jackbook. Comment as-tu fait ?

    RépondreSupprimer
  2. salut :)
    c'est juste pour te dire qu'il y avait un probleme avec le code..un élément n'est pas fermé et j'arrive pas à le trouver :(
    j'ai essayé avec le code sur la page orginal et c'est pareil
    a+ ;)

    RépondreSupprimer
  3. @ Jane air : Ton astuce pour la liste des billets mérite d'être publié dans les prochains jours.

    Pour le fond blanc, il faut une image ayant la même longeur que le main wrapper"

    Je n'ai pas effacer les liens vers Hoctro et Jacbook, c'est juste que c'est encadrer par la balise div id='hoctro' style='display:none;'qui fait qu'ils soient cachés.

    @ Mélusine : Je ne comprend pas pourquoi ça marche pas chez toi, mais je l'ai installé hier dans ce blog en utilisant ce même code et ça marche.

    RépondreSupprimer
  4. J'ai aussi un problème : "Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The content of elements must consist of well-formed character data or markup."

    Je cherche...

    RépondreSupprimer
  5. Idem chez moi avec un blog non classique ça ne marche pas. Même erreur.

    RépondreSupprimer
  6. Un widget terrible que j'enviais beaucoup à Wordpress, et que je vais pouvoir utiliser aussi!

    RépondreSupprimer
  7. Salut Rodney, ca fait longtemps que je suis ton blog et il est super et j'ai un petit probléme j'aimerai mettre une séparation entre la colonne sidebar et les colonne centrale avec un trait gris et aussi te demander si tu sait comment faire aussi apparaitre des articles endéfilement comme sur onenblogues
    au centre. répond moi sur mon blog ou ici STP :
    voila une photo du gadget :

    http://i31.tinypic.com/2qa1f9y.jpg

    RépondreSupprimer
  8. Je dois avour que moi même je n'y comprend rien. j'ai essayé de mettre ce widget dans un blog test, mais ça me donne une erreur. Dire qu'il y a quelques jours, tout marchait sur des roulettes. Dès qu'il y a un changement, je vous fais signe.

    RépondreSupprimer
  9. Salut Rodney,
    Ca ne marche pas non plus chez moi. Message d'erreur :
    "Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The content of elements must consist of well-formed character data or markup."

    Etrange, As-tu une idée ?

    RépondreSupprimer
  10. Bonjour,
    ce widget m'avait l'air très intéressant mais malheureusement meme si le code ne me donne plus de meessages d'erreur rien ne s'affiche pour moi. As-tu une idée pourquoi?

    RépondreSupprimer
  11. @ Mika : Je ne vois pas vraiment d'où viendrais le problème. Cela fonctionne impec sur mes autres blogs.

    RépondreSupprimer
  12. Bonjour Rodney,
    bon et bien tant pis, merci quand même et bravo pour ton blog j'adore..

    RépondreSupprimer
  13. Finalement tout fonctionne wouppi!! Merci!!!

    RépondreSupprimer
  14. Le seul truc dommage c'est que les libellés ne doivent pas avoir d'accents ou de symboles... par exemple mon libellé
    "p'tite vie chocolatée" devient "P%27tite vie chocolat%C3%A9e"...

    RépondreSupprimer
  15. Hello merci pour cet épatant bout de de code , mais j'ai hélas le même problème que Poisson Rose à savoir pas d'accent.

    RépondreSupprimer
  16. C'est le hic avec ce widget. Les accents sont mis à mal par le système. Ils doivent organiser une marche de protestation, sinon, ils seront en vie de disparition.

    RépondreSupprimer
  17. Bon ben je vais sauter tous les accents des tags. Si j'ai bien compris ça devrai en plus faciliter le référencement non ?

    RépondreSupprimer
  18. T'as Très bien compris chef !

    RépondreSupprimer
  19. Vous me faites rougir, boss !

    RépondreSupprimer
  20. J'ai résolu le probleme des accents non décodés. Il faut remplacer le code :
    var txt = document.createTextNode(label);
    var txt = document.createTextNode(decodeURI(label));

    Amicalement.

    RépondreSupprimer
  21. J'ai le même problème et ne parviens par à le résoudre.
    Je ne trouve pas de var txt ???

    RépondreSupprimer
  22. Je n'avais pas de vartxt, mais j'ai pu régler le problème grâce à ce tutoriel :
    http://hoctro.blogspot.com/2007/01/killer-hack-related-articles-by-labels.html

    RépondreSupprimer
  23. Bonjour,
    Excellent tutoriel, il faudrait juste indiquer le "hack" pour les accents, sinon ça marche parfaitement. Merci beaucoup !
    Dommage que Blogger n'aime pas du tout les accents, j'ai par exemple pris l'habitude de publier les titres de mes articles sans, puis de corriger une fois la publicatin faite. L'URL est ainsi parfaite :)

    RépondreSupprimer
  24. Bonjour,

    Encore un widget parfait. Merci. :)

    RépondreSupprimer
  25. Bonjour Rodney. Je croyais avoir laissé un commentaire mais je ne le vois pas. En fait je me demandais si l'on pouvait déplacer ce "widget" et s'il y avait un intérêt en SEO à avoir ces articles similaires dans le billet ?
    Merci

    RépondreSupprimer
  26. @ Anne : J'avais vu ton commentaire, mais j'attendais le publier lorsque j'aurais refléchi sur la question.

    Pour le moment, deux solutions me viennent à l'esprit :

    1) adapter une astuce enseignée par Yony de Onenblogue.blogspot.com pour insérer des boutons de votes et mettre le code ci-haut à la place de ceux des sites sociaux (je m'étalerais sur la question plus tard)

    2) Enseigner une autre astuce pour mettre des articles similaires (cette fois avec un script qu'on pourra mettre un peu où on veut). Je crois le publier d'ici avant mardi prochain (trop pris ces jours-ci).

    A+

    RépondreSupprimer
  27. Merci Rodney. En fait j'ai réussi à le déplacer ailleurs. Cf ici par exemple

    les recettes pour allergiques de Papilles et Pupilles

    Mais je me demande si en termes de référencement cela change quelque chose ou pas. Et ça je n'en ai aucune idée.

    Bon dimanche

    RépondreSupprimer
  28. Merci Rodney pour cette astuce que j'apprécie beaucoup ;)
    Ysa et Jean ton astuce pour les accents est impécable, maintenant ça marche parfait

    RépondreSupprimer
  29. Merci ça fonctionne super bien!

    Merci merci! Grace à toi, j'ai trois colonnes, un titre à peu près centré, et une liste des posts "similaires"!!

    Cool!

    RépondreSupprimer
  30. Bonjour Rodney,
    Cela fait deux jours que je suis sur votre Blog et pour tout vous dire j'ai appris plusieurs choses que j'ai bien évidement mis en pratique sur mon site : www.newslicious.net, par contre il n'y a d'autres qui marchent pas, exemple l'astuce de Liste d’articles similaires à la fin de chaque billet, Blogger ne l'accepte pas sur mon blog, il m'affiche ceci :
    'Plusieurs gadgets ont pour ID : Image15. Les ID de gadget doivent être uniques.'
    Merci pour votre aide, et je reviendrai vers vous quand j'explorerai le reste des astuces !

    RépondreSupprimer
  31. @ newslicious : Vois l'article "Erreur: les ID de gadget doivent être uniques" (il vient juste de paraître.

    RépondreSupprimer
  32. Hello Rodney, moi tout fonctionne, de plus sur le template neo qui est du tonnerre, j'aimerais allé plus loin, je voudrais que ces articles similaires apparaissent à la fin de l'article mais dés le départ sur la page d'accueil car en fait il faut afficher l'article seul pour les voir, même si en page d'accueil tes articles sont publiés en entier les articles similaires ne sont pas là.
    Je cherche mais si tu a la solution.

    RépondreSupprimer
  33. Mais je ne trouve pas ce code sur le code html de mon blog http://cours-marketing.blogspot.com

    RépondreSupprimer
  34. le code marche bien chez moi, mais je pense qu'il va falloir que je gère différemments mes labels, car s'il sont contenu dans plusieurs articles il me les proposes autant de fois qu'il y a de mots similaires , donc si il y a moyen de ne pas faire répéter un article je suis preneur, sinon ... je changerai mes labels ...
    merci d'avance

    RépondreSupprimer
  35. http://sony-ericsson-k600i.blogspot.com/

    RépondreSupprimer
  36. Bonjour,

    Et merci pour ce site extraordinaire.

    Une petite question : pour une raison qui m'échappe, une de mes rubriques ne présente aucun article similaire alors qu'il y en a plusieurs et que le code fonctionne très bien pour les autres rubriques...une petite idée de la raison du pourquoi ?-)

    Merci.

    RépondreSupprimer
  37. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  38. Bonjour , je me posais la question , si on pouvez pas reprendre se code et crée une table de matière sur une page pour un seul libellés choisis ou par plusieurs libelles choisis par exemple

    Titre en a
    tableau code

    titre en b
    code

    Si une personne a une solution je suis preneur :p ( J en ai un peu mare d'écrire ma table a la main ) :p

    RépondreSupprimer
  39. Ton blog est simplement génial, merci mon frère, toi au moins tu montre que l'Afrique possède un fort capital intellectuel!

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT