Tutoriel - installer le mur d'image cooliris sur sa page facebook

7,052 views

Published on

Un tutoriel expliquant comment intégrer un mur d'images Cooliris sur une fan-page Facebook. On pourra ainsi valoriser sur sa page Facebook les photos qu'on a déjà stockées sur FlickR, avec une visionneuse particulièrement agréable ! Et avec les tags que l'on aura assignés à chaque photos sur FlickR, on pourra en plus choisir celles qui devront apparaître sur le mur d'images. Cooliris sur Facebook, c'est clairement une très belle expérience de partage de photos :-)

Published in: Self Improvement
9 Comments
4 Likes
Statistics
Notes
  • çà marche...merci bien
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Les tags sont les mots-clés que vous ajoutez sur chacune de vos photos sous flickR... (regardez le tutoriel 'stockez ses photos sous flickR'). Les tags, en plus d'être utiles pour le référencement de vos photos, peuvent être particulièrement intéressants pour une réutilisation avec d'autres outils comme Cooliris. Exemple : si vous mettez un tag 'hôtel' à votre photo et que vous programmez ensuite cooliris pour vous afficher toutes les photos de FlickR avec ce tag-là, vous aurez vos photos, mais probablement beaucoup d'autres photos, ce tag-là n'étant pas particulièrement original. Si en revanche vous mettez un tag 'hotelrégentspa2010', il y a fort à parier qu'il n'y aura que vos photos ainsi taggées... et cooliris n'affichera donc que vos photos ;-)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • finalement un peu perdu car ne trouve pas mon 'tag' flickr, est ce une clef API (je n'en aie pas), ou la fin de l'URL de mon compte ?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • merci de votre aide, beau travail !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ah ben le code ne peut pas se transmettre par les commentaires (^_^)'
    Il ne vous reste donc que la solution de télécharger la présentation !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
7,052
On SlideShare
0
From Embeds
0
Number of Embeds
256
Actions
Shares
0
Downloads
14
Comments
9
Likes
4
Embeds 0
No embeds

No notes for slide

Tutoriel - installer le mur d'image cooliris sur sa page facebook

  1. 1. Installer un mur d'images Cooliris sur Facebook TUTORIEL © Nicolas Monseigne
  2. 2. TUTORIEL © Nicolas Monseigne Pourquoi mettre un mur d'images Cooliris ? 1- Parce qu'on a plein de photos sur FlickR qui ne demandent qu'à être montrées à nos fans ;-) 2- Parce que se plonger dans un mur d'images de Cooliris, c'est beauuuu 3- Parce qu'ainsi on n'est pas obligé poster 200 photos sur Facebook pour les montrer (vu qu'on les a déjà sur FlickR) 4- Parce qu'on peut profiter des tags de FlickR pour choisir les photos que l'on souhaite montrer
  3. 3. TUTORIEL 1- RDV sur votre page, cliquez sur "Modifier Page" © Nicolas Monseigne Comment fait-on ?
  4. 4. TUTORIEL 2- En haut, recherchez la page de l'application "Static FBML" © Nicolas Monseigne
  5. 5. TUTORIEL 3- Puis cliquez sur "Ajouter à ma page" © Nicolas Monseigne
  6. 6. TUTORIEL 6- Revenez sur votre page, et à nouveau "Modifier la page" © Nicolas Monseigne
  7. 7. TUTORIEL 7- Trouvez l'application FBML, puis cliquer sur "modifier" © Nicolas Monseigne
  8. 8. TUTORIEL 7- Donnez un titre (ce sera la titre de l'onglet), et collez le code que vous trouverez en page suivante © Nicolas Monseigne
  9. 9. TUTORIEL © Nicolas Monseigne Le code à coller : <fb:swf swfbgcolor=&quot;000000&quot; imgstyle=&quot;border-width:3px; border-color:black;&quot; swfsrc=' http://apps.cooliris.com/embed/cooliris.swf' flashvars='feed=api://www.flickr.com/?search= [votre tag] &numRows=4&showChrome=false' imgsrc=&quot; http://farm5.static.flickr.com/4065/4538327542_65e8280f80.jpg &quot; width='700px' height='525px' /> Ceci est un lien vers l'image qui s'affichera par défaut avant le lancement du mur d'images. L'astuce : mettre une image qui va inciter à cliquer pour lancer le mur d'images (voir diapo suivante)
  10. 10. TUTORIEL Le résultat final sera celui-là. On a réalisé une capture d'écran de Cooliris, on a ajouté deux zones de textes, puis sauvegardé la nouvelle image sur FlickR. C'est cette image là dont il est question dans la diapo précédente… © Nicolas Monseigne
  11. 11. TUTORIEL Une fois le code collé, il vous suffit de cliquer sur &quot;Enregistrer les modifications&quot;. © Nicolas Monseigne
  12. 12. TUTORIEL Votre internaute n'a plus qu'à se plonger dans vos photos ! © Nicolas Monseigne

×