Créer et utiliser votre badge Flickr

Flickr est un service en ligne de création de galerie pour présenter vos photographies. Il dispose d'une partie gratuite ou vous avez la possibilité de créer un badge pour présenter vos photos sur votre site internet.

Nous allons nous intéresser à la manière de procéder de la création à l'utilisation de votre badge (d'ailleurs si vous utilisez Flickr, n'hésitez pas à rejoindre le groupe du forum pour partager vos photos ou à l'indiquer pour qu'elle soit ajouté à la liste des galeries des membres).

Sommaire du tutoriel :
1) Création du badge
2) Utilisation du badge

Si avec ce tutoriel vous n'y arrivez toujours pas, ou si vous avez des questions, merci d'ouvrir un nouveau sujet dans Aides et conseils. Vous pouvez également proposer vos suggestion d'amélioration pour ce tutoriel ou encore vos idées de nouveaux tutoriels.

1 - Création du badge

Voyons ensemble comment faire pour créer votre badge pour présenter vos photographies.

Avant de commencer la création de votre badge, vous devez disposer d'une galerie sur Flickr (cela est gratuit pour la version non pro). Puis vous rendre (une fois connecté) sur la page de création de badge (qui comporte un total de 4 étapes très instructives) en cliquant ici !

1ère étape : Quel type de module souhaitez-vous utiliser ?
Votre premier choix pour la création de votre badge consiste à choisir la technologie que vous voulez utiliser. Pour celles et ceux qui ne s'y connaissent pas, l'HTML est un des langages les plus utilisé dans le monde du web, quant au Flash il permet la création d'animation (le deuxième étant plus gourmand en énergie que le premier, il se chargera moins vite).

Nous choisissons donc l'HTML pour le tutoriel (mais rien ne vous empêche de créer votre badge en utilisant le Flash), qui sera compatible avec de très nombreux site internet (le forum Clic-Clac par exemple).

2ème étape : Choisissez un contenu
Votre deuxième choix consiste à choisir la provenance du contenu que vous voulez afficher dans votre badge.

Nous allons choisir "Les vôtres", mais vous pouvez très bien créer un badge pour un des groupes auxquels vous appartenez (comme par exemple celui qui est présent en bas de l'accueil du forum correspondant au groupe Clic-Clac sur Flickr).
Vous pouvez également faire des restrictions par rapport à un tag ou à un album (vous pouvez gérer les photographies qui apparaitront sur votre badge très facilement).

3ème étape : Présentation
Votre troisième choix consiste à choisir la présentation des photographies qui apparaitront sur votre badge, vous pouvez ainsi choisir si votre pseudo et avatar doivent apparaitre, le nombre de photographie (1, 3, 5 ou 10), si elles sont récentes ou aléatoires, la taille qu'elles doivent avoir ainsi que leurs orientations.

Nous allons choisir ici (pour l'exemple du tutoriel, vous être libre de choisir vos propres paramètre pour la création de votre badge) de ne pas afficher le pseudo et l'avatar, d'afficher 5 photographies qui seront également les plus récentes, de les afficher en carré pour une taille uniforme et horizontalement pour que le badge s'intègre à votre signature sur le forum (pour une colonne sur un site internet, il sera intéressant de choisir verticalement).

4ème étape : Couleurs
Votre quatrième choix consiste à choisir le design de votre badge, vous pouvez ainsi choisir de lui ajouter un arrière plan et sa couleur, une bordure et sa couleur, le couleur du lien et la couleur du texte (les deux derniers choix correspondant au lien qui s'ajoute si vous avez choisi d'afficher votre pseudo et votre avatar à l'étape précédente).

Nous allons choisir ici de ne pas afficher ni l'arrière plan, ni la bordure, pour que votre badge se confonde correctement dans les couleurs du site ou vous allez l'afficher.

Votre badge et son code
Vous obtenez donc un aperçu de votre badge que vous venez de créer, il respecte les choix que vous avez choisi pendant la procédure de création.
C'est avec son code (en dessous de l'aperçu) que vous allez pouvoir l'afficher sur votre site internet.

---

Vous venez de voir comment faire pour créer votre badge sur Flickr, voyons maintenant comment faire pour l'utiliser.

2 - Utilisation du badge

Après avoir vu la création voyons maintenant ensemble comment faire pour utiliser votre badge sur votre site internet.

Si vous voulez pouvoir utiliser votre badge Flickr sur votre site internet, celui-ci devra disposer de la possibilité d'ajouter un code au format HTML. Sinon à la place de voir s'afficher votre badge, vous pourrez voir son code, il ne sera donc pas possible pour vos visiteurs de sélectionner une des photographies qui seraient présentes pour pouvoir la visualiser dans votre galerie Flickr même.


Pour utiliser votre badge Flickr, vous devez copier l'ensemble du code HTML que vous avez obtenu en suivant les différentes étapes de la création (si besoin vous pouvez revoir la première partie du tutoriel).
Le code de votre badge regroupe simplement vos choix des différentes étapes de la création.

Il vous suffit de coller le code HTML de votre badge Flickr sur votre site internet.

---

Ce tutoriel s'achève ici. Vous venez de voir comment faire pour créer votre badge sur Flickr ainsi que comment faire pour l'utiliser sur votre site internet.

Merci de votre lecture .