Liste d’articles similaires à la fin de chaque billet

Publié par Rodney SANKINKA | lundi, mars 31, 2008 | Ajouter à del.icio.us sauvegardé par 0 utilisateurs | , | 36 commentaires »

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.

Pour ne pas rater les nouveautés :

Promouvoir cet article sur :

Rejoindre la communauté du blog sur :

36 commentaires

  1. Jane Air // 31 mars 2008 21:58  

    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 ?

  2. mélusine // 1 avril 2008 09:07  

    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+ ;)

  3. Rodney SANKINKA // 1 avril 2008 11:25  

    @ 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.

  4. QDM // 1 avril 2008 15:36  

    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...

  5. Ysa et Jean // 1 avril 2008 18:51  

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

  6. Jerom // 1 avril 2008 22:24  

    Un widget terrible que j'enviais beaucoup à Wordpress, et que je vais pouvoir utiliser aussi!

  7. Le ZarKOo // 2 avril 2008 15:18  

    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

  8. Rodney SANKINKA // 3 avril 2008 18:23  

    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.

  9. mélusine // 4 avril 2008 14:31  

    ok merci ;)

  10. Merlin // 4 avril 2008 15:10  

    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 ?

  11. Mika // 7 avril 2008 07:16  

    mem chose pour moi

  12. Rodney SANKINKA // 7 avril 2008 16:53  

    Problème résolu !

  13. Mika // 7 avril 2008 18:13  

    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?

  14. Rodney SANKINKA // 8 avril 2008 09:47  

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

  15. Mika // 8 avril 2008 09:51  

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

  16. Mika // 8 avril 2008 09:55  

    Finalement tout fonctionne wouppi!! Merci!!!

  17. Poison Rose // 19 avril 2008 04:03  

    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"...

  18. Axel Calvet // 12 mai 2008 14:47  

    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.

  19. Rodney SANKINKA // 12 mai 2008 15:21  

    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.

  20. Axel Calvet // 12 mai 2008 15:23  

    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 ?

  21. Rodney SANKINKA // 12 mai 2008 15:31  

    T'as Très bien compris chef !

  22. Axel Calvet // 12 mai 2008 15:32  

    Vous me faites rougir, boss !

  23. Ysa et Jean // 20 mai 2008 21:14  

    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.

  24. Paul de Fombelle // 28 juillet 2008 18:01  

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

  25. Paul de Fombelle // 31 juillet 2008 14:53  

    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

  26. Damien // 5 août 2008 21:26  

    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 :)

  27. Zaius and Gizmo // 12 août 2008 18:11  

    Bonjour,

    Encore un widget parfait. Merci. :)

  28. Papilles et Pupilles // 14 août 2008 23:55  

    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

  29. Rodney SANKINKA // 15 août 2008 10:01  

    @ 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+

  30. Papilles et Pupilles // 17 août 2008 11:52  

    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

  31. Nawras // 2 septembre 2008 14:17  

    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

  32. PetitesIdéesàCuisiner // 27 septembre 2008 17:11  

    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!

  33. newslicious // 1 octobre 2008 14:37  

    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 !

  34. Rodney SANKINKA // 1 octobre 2008 16:16  

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

  35. Panzer Marechal De Internaaze // 23 juin 2009 19:36  

    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.

  36. Admin // 1 juillet 2009 07:53  

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

S.V.P. Pas des Spam. Sélectionnez les signes à côté du smiley à insérer dans votre commentaire

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L

Enregistrer un commentaire