Afficher les articles similaires à la fin de chaque message de votre Blogspot

Mon pote Aneesh de BloggerPlugins.com a créé un superbe widget entièrement personnalisable qui affiche les articles similaires à la fin de chaque messages exactement comme le fait Linkwithin (pour infos, maintenant on peut afficher jusqu'à 5 messages similaires par défaut avec Linkwithin).
Articles Similaires
Contrairement a Linkwithin, le widget d'Aneesh (Joseph de son nom) utilise un vieux Script qui se base uniquement sur le système des libellés et le flux RSS du blog. C'est-à-dire que pour un article donné, les messages similaires sont ceux qui ont le même libellé.
Si plusieurs articles ont le même libellé, alors les plus récents seront affichés même s'ils sont moins pertinent que les anciens (comme dit plus haut, ce widget ne prend pas en compte les titres ou le contenu des messages mais uniquement le libellé). Si un libellé est attribué à un seul message, alors ce message n'aura pas d'articles similaires.

Pour Installer ce widget dans votre blog, Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez le code suivant:
</head>
et juste avant ajoutez ces lignes:
<!--Articles Similaires-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #000000; /* Couleur du Titre */
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Articles Similaires-->
Maintenant recherchez:
<div class='post-footer-line post-footer-line-1'>
ou
<p class='post-footer-line post-footer-line-1'>
Et juste après, apoutez ces lignes :
<!--Articles Similaires-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; /* Nombre Article Similaire */
var relatedpoststitle="Vous aimerez peut-être:";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!--Articles Similaires-->
Libellés : Publié le mercredi, novembre 04, 2009
22 Commentaires
  1. @Panzer
    Oui, c'est celui qui est dans le blog en ce moment. Je l'utilise depuis un ou deux mois mais je vais remettre Linkwithin avec la nouvelle template...

    RépondreSupprimer
  2. Bonjour,

    Y a t-il un moyen ou solution pour numéroté les pages de notre blog ?

    Merci Soufiane .

    AM

    RépondreSupprimer
  3. @
    Oui, Mais : c'est compliqué à mettre en place et ça numérote uniquement uniquement les pages de la page d'accueil....

    Je vais faire un tuto pour bientôt...

    RépondreSupprimer
  4. Coucou Soufiane , j'avais posé ma question à un autre endroit de ton blog mais tu n'as pas dû la voir passer ;) alors, je la repose ici puisque ça parle aussi des libellés ... Je me demandais si c'était possible de modifier l'intitulé d'un libellé existant et sur lequel il y a déjà des messages associés... ? :-/

    RépondreSupprimer
  5. En fait, tu avais vu ma question et moi, je n'avais pas vu ta réponse ... 8-} Sorry :)

    RépondreSupprimer
  6. @Nicole
    Je pense avoir répondu à cela quelques part et je te demandais de m'expliquer si tu voulais modifier un libellés et que tous les articles portant ce libellé, portent le "nouveau libellé modifié" (hein ?????)

    Pour faire ça, prenant par exemple cet article, il a le libellé "widget" et plusieurs autres articles ont aussi le libellé "widget". Je veux que tous ces articles portent le libellé "Gadget Blogger"

    Je vais ouvrir ce message dans blogger et modifier son libellé en mettant "Gadget Blogger" au lieu de "widget" et j'enregistre. donc ce message porte maintenant le libellé "Gadget Blogger".

    Maintenant je veux que tous les articles avec le libellé "Widget" portent le libellé "Gadget Blogger", Je vais allez dans "modifier les messages" je vais sélectionnez tous les message avec le libellé "widget" et dans le menu déroulant "Actions de libellé..." (juste en dessus des messages, en haut de la page ) je vais sélectionner "Appliquer un libellé..."Gadget Blogger"".
    je valide puis je re-sélectionne "Supprimer un Libellé..."Widget"".

    Et voilà tous mes articles avec le libellé "Widget" ont maintenant le libellé "Gadget Blogger"....

    C'est un peu long et "barbant" mais .....

    RépondreSupprimer
  7. Waouw, la belle leçon de petit matin, je sauvegarde et y reviendrai plus éveillée, mais je cherchais cela aussi. Grand merci. Encore une question : pourquoi replacer LinkWithin dans ton futur nouveau template et pas celui dont tu viens de parler???

    RépondreSupprimer
  8. @Attention à la Terre
    Pour les raisons évoqué dans l'article : l'algorithme de Linkwithin est plus performant ....

    RépondreSupprimer
  9. EXELLENT...
    :p
    superbe alternative à mon moteur de recherche qui marche pas ..
    thx

    RépondreSupprimer
  10. @Maya
    c'est cool ;;)
    J'ai adoré ton profil http://www.blogger.com/profile/09380873369008150866 et le design de ton blog.....

    RépondreSupprimer
  11. Voila qui fonctionne parfaitement :) Merci

    RépondreSupprimer
  12. Bonjour Soufiane! Tu dis plus haut que tu veux revenir sur la nouvelle version de linkwithin... est-elle meilleure? Peut-on vraiment leur faire confiance???
    Merci d'avance ;)

    RépondreSupprimer
  13. "Et juste après, apoutez ces lignes" tu as fait une légère faute d'orthographe !:)

    RépondreSupprimer
  14. re,

    je viens d'installer le widget qui selon moins et bien mieux que celui de linkwithin car ils proposent de vrais liaisons contextuelles mais comment faire pour qu'il soit aussi apparent sur la home page ? (ainsi je diminuerai le nombre d'article de ma home page)merci d'avance pour ta reponse.

    RépondreSupprimer
  15. Comment fais-tu pour élargir la taille des wigdets comme tu le faire sur Linkwithin?

    RépondreSupprimer
  16. Y a-t'il un moyen de changer la taille de la police ? J'ai essayé en modifiant le font-size mais ça ne fonctionne pas =[

    RépondreSupprimer
  17. il fonctionne pas!!!! voila le blog gagnerweb.blogspot.com

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

    RépondreSupprimer
  19. merci! mes premières lignes de code traffiquées grâce à ce tuto ;)

    RépondreSupprimer
  20. merci pour ces informations,vraiment génial!

    RépondreSupprimer

Copyright 2015 Soufiane.fr