mardi 14 juin 2016

Tuto : créer son shop my closet sur Blogger



Si vous n'êtes pas affilié au programme Rewardstyle qui permet de faire des sélections et des wishlist, créer une catégorie shop my closet peut s'avérer un peu compliqué. Pourtant c'est un espace vraiment utile sur un blog. Vous pouvez partager vos envies du moment mais aussi vos derniers achats, sans attendre de publier un nouveau look.

Sur blogger je n'ai trouvé aucun tuto pour créer ma propre catégorie Shop my closet et dernièrement on m'a demandé comment j'avais réalisé le mien alors je me suis dis que ça pourrait être utile pour tout le monde de vous partager mon astuce. Je n'ai peut-être pas la meilleure méthode mais c'est celle que j'ai utilisé pour ma catégorie shopping.

Si vous êtes sur wordpress, je vous invite à aller lire l'article de ma copine Amandine du blog catchyourdream.

ÉTAPE 1 : Créer une page (onglet)


ÉTAPE 2 : mode HTML


ÉTAPE 3 : COPIER-COLLER UN CODE

Voici le code HTML qu'il faut copier :

<table><tbody>
<tr><td>photo 1-1
</td><td>photo 1-2
</td><td>photo 1-3
</td></tr>
</tbody></table>

Il vous permettra de publier des images côte à côte sur Blogger.


ÉTAPE 4 : LES PHOTOS



Attention maintenant à bien sélectionner comme je l'ai fais, la partie "photo 1-1" pour ajouter la première photo correspondante de votre sélection shopping et faites la même chose pour la partie "photo 1-2" puis "photo 1-3".

Ce code HTML vous permet de faire une ligne de 3 photos.

ÉTAPE 5 : MODE RÉDACTION


ÉTAPE FINALE :

Une fois revenu dans le mode rédiger, vous n'avez plus qu'à ajouter les liens correspondant de chaque photo avec l'onglet "associer" et le tour est joué ! Pour rajouter des lignes il faudra copier une nouvelle fois le code HTML ou vous pouvez aussi (plus simplement) rester en mode rédiger et ajouter une a une de nouvelles photos en les déplaçant vous même.

DERNIER CONSEIL : Enregistrer toutes vos photos au même format pour que ce soit plus joli et aligné correctement.

J'espère que ce tutoriel vous aura aider et surtout n'hésitez pas à mettre les liens de vos blogs pour que je puisse aller voir le résultat :) Si vous avez la moindre interrogation je répondrais bien évidemment à vos commentaires pour vous aider.


A très vite


42 commentaires

  1. Haha je dois te le dire car tu n'as pour l'instant aucun autre commentaire; mais ton article m'a bien aidé ! Et quand les choses sont bien faites et m'aident j'aime le dire :)
    Bisous

    RépondreSupprimer
    Réponses
    1. Merci beaucoup pour ton commentaire :) ça me fait très plaisir de savoir que mon article est clair et qu'il t'a aidé :)

      Supprimer
  2. Au top je vais le mettre dans mon article aussi :D
    Great job !

    RépondreSupprimer
  3. wow super ! Je le ferai peut etre un jour ducoup c'est génial merci <3

    RépondreSupprimer
  4. Tuto très sympa :)

    http://clothespaper.com/

    RépondreSupprimer
  5. Un article qui m'aurait bien aidé quand je n'étais pas encore sous reward style !le j'ai longtemps cherché comment faire jusqu'au jours ou j'ai reçu le mail pour me dire qu'ils voulaient bosser avec moi ! J'étais comme une enfant cette plate-forme change la vie d'une bloggeuse Mode & beauté ! Bisous maeva du blog :
    Www.Madebymaeva.blogspot.fr

    RépondreSupprimer
    Réponses
    1. Haha oui, avoir une proposition de reward style c'est le graal !

      Supprimer
  6. Salut ma belle ! Ce tuto est vraiment hyper intéressant, je vais mettre ton blog dans mes favoris, cet article m'aidera quand je voudrais créer cette page :)
    Bisous

    http://ourgirlysecrets.blogspot.fr

    RépondreSupprimer
    Réponses
    1. Merci beaucoup pour ton commentaire, c'est gentil :)
      J'espère voir bientôt cette catégorie sur ton blog alors :)

      Supprimer
  7. Très cool ton article ! Les explications sont claires, c'est vraiment sympa que tu partages ces astuces avec nous, ça aide ! :)

    Bises, Camille

    RépondreSupprimer
    Réponses
    1. Merci :) j'espère que ça t'aidera si tu en fais une

      Supprimer
  8. Coucou! Merci beaucoup pour cet article (qui me fait découvrir ton blog en même temps!) ça fait un moment que je cherchais comment créer un shop my closet et une wishlist!! Tu m'aides beaucoup :) Par contre j'ai un petit soucis que je n'arrive pas à résoudre : je n'arrive pas à centrer les photos. Elles toutes bien alignées entre elles mais complètement décalées à gauche:( Voilà, je me suis lancée, j'espère que tu pourras m'aider!! Bisous!!<33

    RépondreSupprimer
    Réponses
    1. Avec plaisir :)
      Est-ce que tu as essayé de cliquer sur chaque image et de mettre aligner à "gauche" pour la 1ère, "centrer" pour la 2ème et "droite" pour la 3ème ?

      Supprimer
  9. oh punaise tu me sauve la vie ^^ ça fait longtemps que je cherche sur internet merci pour ta solution : )

    RépondreSupprimer
  10. Merci beaucoup pour ton article !
    Mais c'est bizarre aucune de mes photos s'affichent :/ j'ai essayé plusieurs fois mais quand je repasse en mode rédiger c'est juste photo 1-1... pas les photos :s

    xOxo Manon B
    http://justanobsession.com

    RépondreSupprimer
    Réponses
    1. contente qu'il te plaise :)
      ah oui c'est bizarre. Tu es sur de les avoir bien télécharger et intégrer tes photos ?

      Supprimer
    2. Oui, je l'ai bien fait. Pour le moment j'ai réussi à faire autrement mais je vais réessayer.

      xOxo Manon B
      http://justanobsession.com

      Supprimer
  11. Je suis allée sur ton blog Manon et ça fonctionne bien, non ? :)

    RépondreSupprimer
    Réponses
    1. Bah je n'ai pas utilisé ton code, j'ai ajouté les images dans rédiger comme si j'écrivais un article. Mais les images ne sont pas alignées ... :s

      Supprimer
    2. Je ne comprends pas. ça a marché pour les autres :/

      Supprimer
  12. J'ai enfin réussi ! ^^
    Merci pour ton tuto <3

    RépondreSupprimer
  13. Merci pour cette très bonne astuce ! Je vais essayé sur mon blog ! :D

    RépondreSupprimer
  14. Alors là merci infiniment cela fait super longtemps que je cherchais une mise en page comme celle-là! Merci beaucoup beaucoup!!!
    http://pinko-punk.blogspot.fr/

    RépondreSupprimer
    Réponses
    1. Avec plaisir :) Moi aussi j'ai cherché pendant longtemps alors je partage !

      Supprimer
  15. Merci pour cet article. Par contre, j'ai suivi toutes les étapes mais l'onglet n'apparaît pas sur mon blog ? :( www.stylebyamira.com

    RépondreSupprimer
    Réponses
    1. a bon ? Tu es sûr d'avoir bien créer un nouvel onglet, a côté de ceux que tu as déjà sur ton blog ?

      Supprimer
  16. Super ! Merci beaucoup pour cette astuce. Je commence mon blog sur iPad en plus alors c'est une vrai galère pour les photos lol

    RépondreSupprimer
  17. Merci beaucoup pour ce tuto ! Ca fait des mois que je cherche à faire ça !

    RépondreSupprimer
    Réponses
    1. Avec plaisir :) C'est vraiment un onglet utile sur un blog

      Supprimer
  18. Je débarque un peu tard mais ton article me permet désormais de réaliser un shop my style et je suis bien contente. MErci pour ces précieux conseils. Je saute de joie de devenir une adepte du code HTML.

    RépondreSupprimer
  19. Je viens de tester aussi ! Aucun problème pour les 3 premiers articles mais la ligne du dessous fait des siennes :( j'ai fait comme tu as dis sans passer par le code HTML mais ça bug et quand je recopie le code une deuxième fois ça ne prend pas les photos ... Peut-être un caprice de Blogger ?

    Merci beaucoup en tous cas pour cet article !

    carol-in-love.blogspot.fr

    RépondreSupprimer
    Réponses
    1. Hum pour tout le monde il n'y a pas eu de souci avec la deuxième ligne donc là comme ça je ne vois pas d'où ça vient, je suis désolée.

      Supprimer
  20. Coucou !
    Oh super merci beaucoup, ton tuto est claire et à l'air simple. C'est excatement ce que je cherchais =)
    Bisous

    RépondreSupprimer
  21. Merci beaucoup pour l'aide ! Tu es le seul blog à le proposer et c'est super utile !
    Le tuto est clair est simple, et hyper efficace !
    Bisous

    http://eva-cadabra.blogspot.fr

    RépondreSupprimer

Mon Instagram @chicaderevista

© Chicas de revista - Blog Mode Bordeaux. Design by Fearne.