Utiliser Delicious pour créer des Guides thématiques

L’interface sur service en ligne Delicious a bien changé depuis que j’en ai parlé dans un billet sur le Socialbookmarking. Mais je trouve toujours l’outil aussi utile. Il peut avoir des fonctions pour lesquelles il n’a pas été concu au départ : on peut utiliser son compte delicious pour faire des Guides thématiques (des listes de liens par sujet) qui seront mis à jour automatiquement lorsque de nouveaux éléments seront ajoutés à votre compte delicious.

Delicious offre une fonction qui permet d’afficher sur une page externe les favoris ajoutés à son compte delicious : Linkroll. Normalement, cette option est utilisée pour afficher les derniers éléments ajoutés (c’est d’ailleurs ce que vous voyez dans le menu de droite à partir de la page d’accueil de ce blog.) Avec quelques paramétrisations, il est possible de récupérer cette fonction pour créer des Guides thématiques.

Le Linkroll utilise les fils RSS produits pour votre compte et permet de les intégrer facilement en HTML grâce à un code en javascript. Mais aucun besoin de connaître le javascript pour utiliser le Linkroll!

Avant tout, il faut bien sûr avoir créé un compte delicious et avoir ajouté les signets vers les sites intéressants. Il est également plus intéressant d’ajouter une description aux favoris.

Ensuite, il s’agit simplement de créer un Linkroll pour le sujet en question. À la page Settings (en haut à droite) de votre page delicious, vous trouverez le lien vers le Linkroll tout au bas, dans la section Blogging. Un formulaire d’options s’offre à vous :

Vous pouvez modifier le titre de la page, l’icône que vous voulez voir à côté de votre titre, le nombre maximal de liens, les puces à afficher, le type de tri et les éléments à afficher. La boîte Tags permet de limiter la liste aux éléments qui possèdent un Tag en particulier. Notez que l’icône RSS fait un lien vers le fil RSS de tous vos favoris, pas seulement le sujet sélectionné. (Mise à jour suite au commentaire de narvic : en fait oui, c’est le fil RSS du Tag!) Il est important d’augmenter la quantité maximale de liens affichés, la limite par défaut de 5 étant rapidement atteinte.

Une fois les choix faits, il ne reste qu’à copier la ligne de code dans votre page HTML et voilà, les liens s’affichent!

Par défaut les liens sont dans le même bleu pâle que sur le site de delicious. Si votre site utilise les feuilles de styles CSS, il est probable que le résultat s’intègrera relativement bien. Vous pouvez aussi modifier plus précisément l’apparence. Les classes utilisées sont partiellement décrites sur la page Styling Linkrolls.

Voici un exemple réalisé en 5 minutes en me basant sur un autre guide thématique. J’ai simplement recopié les ressources dans mon compte delicious en prenant soin d’ajouter les descriptions.

Puisque le tout est basé sur les fils RSS, un lien ajouté à Delicious ne s’affichera pas immédiatement, mais la prochaine fois que le fil RSS sera rafraîchi.

7 thoughts on “Utiliser Delicious pour créer des Guides thématiques

  1. narvic 7 novembre 2008 / 11:54

    « Notez que l’icône RSS fait un lien vers le fil RSS de tous vos favoris, pas seulement le sujet sélectionné. »

    Vraiment sûr ? Chez moi, le flux RSS attaché à cette icône est celui correspondant uniquement aux tags sélectionnés. Cela n’apparaît pas, en effet, dans la prévisualisation proposée sur le site de delicious, mais c’est bien intégré dans le script à recopier sur son propre site. Petite démonstration sur mon propre blog pour vous convaincre…😉

  2. PLC - Bibliofusion 9 avril 2009 / 4:58

    Billet intéressant sur une application pratique.

    Un autre billet sur les suites ou expérimentations de l’utilisation de delicious?

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s