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 :-)

1. Installer un mur d'images Cooliris sur Facebook TUTORIEL © Nicolas Monseigne

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. TUTORIEL 1- RDV sur votre page, cliquez sur "Modifier Page" © Nicolas Monseigne Comment fait-on ?

4. TUTORIEL 2- En haut, recherchez la page de l'application "Static FBML" © Nicolas Monseigne

5. TUTORIEL 3- Puis cliquez sur "Ajouter à ma page" © Nicolas Monseigne

6. TUTORIEL 6- Revenez sur votre page, et à nouveau "Modifier la page" © Nicolas Monseigne

7. TUTORIEL 7- Trouvez l'application FBML, puis cliquer sur "modifier" © Nicolas Monseigne

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. 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. 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. TUTORIEL Une fois le code collé, il vous suffit de cliquer sur &quot;Enregistrer les modifications&quot;. © Nicolas Monseigne

12. TUTORIEL Votre internaute n'a plus qu'à se plonger dans vos photos ! © Nicolas Monseigne