Tutoriel diffuser les flux rss de sites amis sur son site

3,406 views

Published on

Tutoriel expliquant comment faire apparaître automatiquement sur son site les flux RSS provenant d'autres sites web.

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,406
On SlideShare
0
From Embeds
0
Number of Embeds
213
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Tutoriel diffuser les flux rss de sites amis sur son site

  1. 1. Diffuser les flux RSS de sites partenaires sur son site TUTORIEL © Nicolas Monseigne
  2. 2. Un rappel… TUTORIEL Flux RSS = les dernières publications du site © Nicolas Monseigne
  3. 3. Exemple… TUTORIEL Dernier article sur medoc-tourisme.com Dernier post sur Twitter (mais on y retrouve aussi les dernières photos postées sur flickr…) © Nicolas Monseigne
  4. 4. Et maintenant… action ! TUTORIEL RDV sur xfruits.com , créez votre compte © Nicolas Monseigne
  5. 5. Et maintenant… action ! TUTORIEL Une fois connecté, cliquez sur le premier bouton. © Nicolas Monseigne
  6. 6. Et maintenant… action ! TUTORIEL Donnez un nom à votre agrégateur de flux Mettez des mots clés (référencement !!) Collez ici vos flux RSS. L'icône RSS confirme que le flux est bien valide Puis validez ! © Nicolas Monseigne
  7. 7. Et maintenant… action ! TUTORIEL Vous obtenez une "boîte". En faisant un clic droit sur l'icône, vous pouvez copier le lien du flux RSS agrégé. © Nicolas Monseigne
  8. 8. Et maintenant… action ! TUTORIEL Rendez-vous maintenant sur rssinclude.com pour créer un widget à insérer sur votre site. Evidemment, il va falloir vous créer un compte ;-) © Nicolas Monseigne
  9. 9. Et maintenant… action ! TUTORIEL Une fois votre compte créé… Cliquez sur le gros bouton tout bleu :-p © Nicolas Monseigne
  10. 10. Et maintenant… action ! TUTORIEL Je vous recommande la box "Twitter", qu'on peut personnaliser ensuite… © Nicolas Monseigne
  11. 11. Et maintenant… action ! TUTORIEL Collez ici le flux agrégé créé avec xfruits, puis cliquez sur "Add feed". Une fois validé, les news vont s'afficher dans la boîte de dialogue à droite. © Nicolas Monseigne
  12. 12. Et maintenant… action ! TUTORIEL Dans l'onglet "Content and styling options", vous allez personnaliser votre RSS-box. Faites vos essais de réglages, et cliquez sur "Save and Preview, vous pourrez voir en temps réel vos modifications… © Nicolas Monseigne
  13. 13. Et maintenant… action ! Pour obtenir cette RSS-box, j'ai modifié : - La largeur de la box ("Width of box") , portée à 200 px - Le contour de la box ("Box border size") , porté à 0 px. - J'ai supprimé la date (décocher la case "Show date") - J'ai supprimé l'affichage du compte Twitter (décocher la case "Show Twitter username") - On pourrait aussi changer les couleurs de texte ou de fonds © Nicolas Monseigne
  14. 14. Et maintenant… action ! Il suffit maintenant de récupérer le code en passant dans l'onglet "Include !" TUTORIEL © Nicolas Monseigne
  15. 15. Et maintenant… action ! … et de le coller dans votre site internet via la fonction d'ajout de HTML (ici exemple sur un blog) TUTORIEL © Nicolas Monseigne
  16. 16. Et maintenant… action ! Et voila le travail ! TUTORIEL © Nicolas Monseigne

×