Ajouter sur son site un bouton Netvibes, Yahoo,… pour les flux RSS


J’ai mis du temps avant de trouver comment utiliser ces boutons, surtout comment les afficher sur mon blog ^^

Je vais vous donner le code que j’utilise pour les afficher; à vous de les modifier avec l’adresse de votre site, et de modifier éventuellement la balise alt à votre goût (balise qui affiche un texte quand le pointeur de la souris survole le bouton -ne marche pas avec Firefox-). Je précise juste que j’ai ouvert un compte (gratuit) sur le site de feedburner qui m’a permis de recopier les boutons sur mon site. Certains boutons nécessiteront que vous ayez un compte du même type (ouvert en moins de 5 minutes). Mais rien ne vous empêche de bidouiller le code pour afficher votre flux, voyez l’exemple que je donne avec le flux pour netvibes  😉

A vous aussi de modifier un bouton par un que vous aurez créé, ou d’en ajouter d’autres !

  • Le flux RSS au format XML (nécessite un compte sur feedburner)
<a href="http://feeds.feedburner.com/AstucesDeGeeks?format=xml">
<img src="http://www.feedburner.com/fb/lib/images/icons/feed-icon-12x12-orange.gif"
alt="Flux XML pour votre application préférée">Flux XML pour votre lecteur RSS</a>
<br>
  • Le bouton « Ajouter à iGoogle »
<a href="http://www.google.com/ig/adde?moduleurl=geekastuces.wordpress.com/feed/">
<img src="http://buttons.googlesyndication.com/fusion/add.gif"></a><br>
  • Le bouton « Ajouter à Netvibes »
<a href="http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/
AstucesDeGeeks"><img border="0" src="http://www.netvibes.com/img/add2netvibes.gif"
alt="Ajouter à Netvibes" height="17" width="105"></a><br>

Pour ajouter ce bouton sans avoir à ouvrir un compte sur feedburner, modifiez le code comme suit:

<a href="http://www.netvibes.com/subscribe.php?url=http://geekastuces.wordpress.
com/feed"><img border="0" src="http://www.netvibes.com/img/add2netvibes.gif"
alt="Ajouter à Netvibes" height="17" width="105"></a><br>

Vous remarquerez juste la modification du lien http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/AstucesDeGeeks par http://www.netvibes.com/subscribe.php?url=https://geekastuces.wordpress.com/feed; il suffit juste de modifier l’adresse en mettant celle de votre flux RSS.

  • Le bouton « Ajouter à Mon Yahoo »
<a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/
AstucesDeGeeks"><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/
addtomyyahoo4.gif"<="Ajouter à Mon Yahoo" height="17" width="105"></a><br>
  • Le bouton « Ajouter à BlogLines »
<a href="http://www.bloglines.com/sub/http://feeds.feedburner.com/
AstucesDeGeeks"><img border="0" src="http://www.bloglines.com/images/
sub_modern5.gif" alt="Ajouter à BlogLines" height="17" width="105"></a><br>

Petit commentaire: j’ai ajouté la balise <br> pour forcer un retour à la ligne, sinon les images s’affichaient les unes à la suite des autres.
Vous pourrez aussi si vous le voulez changer la taille des boutons, en modifiant les valeurs height (hauteur) et width (largeur); moi j’ai adapté tous les boutons en largeur à 105 pixels (au lieu de 91 par défaut) pour adapter leur taille à celle du bouton de iGoogle.

Sur un blog comme celui là (hébergé par WordPress), vous devrez juste ajouter un widget texte, puis y coller les liens ci-dessous. La procédure est quasimment la même avec un blog WP que vous hébergez ailleurs. Et elle doit être également très ressemblante avec d’autres moteurs de blogs. A vous de faire des essais !

=> en détails: ouvrez le tableau de bord. Cliquez sur Apparence, Widgets. Cliquez sur la colonne de gauche sur Ajouter à côté du widget Texte. Placez le où vous le désirez, cliquez ensuite sur Modifier. Entrez un titre (facultatif), puis collez le(s) lien(s) donnés ci-dessus [que vous aurez bien sûr modifiés pour intégrer le flux RSS de VOTRE site ^^]. Cliquez sur Changer, puis tout en bas sur Enregistrer les modifications. L’affichage est instantané sur votre site; vérifiez et corriger si nécessaire.

Voila, en espérant que ça vous aide 😉

4 Commentaires

Classé dans Technique

4 réponses à “Ajouter sur son site un bouton Netvibes, Yahoo,… pour les flux RSS

  1. kikiwoo

    De rien, mais pense à changer le code des boutons sur ton site en mettant l’adresse de ton blog et pas du mien comme ça l’est pour le moment 😉

  2. Et ben un grand merci j’ai cherche pendant 2 h un moyen de faire fonctionner le flux en mettant une icône ben merci beaucoup pour l’aide
    Cordialement

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