Suite à l'installation du nouveau design, le blog peut encore présenter quelques erreurs, ou bugs d'affichage. Merci de votre compréhension.

Modifications : Say le Pompom
Un nouvel article réalisations pour vous parler,aujourd'hui, des modifications réalisées pour Magali du blog Say le Pompon.

Magali m'a contacté pour créer un menu déroulant, ajouter une bannière d'articles récents sous l'en-tête de son blog, créer un affichage des articles en grille, modifier et réarranger l'apparence de son pied de page.

Avant d'aller plus loin, voici à quoi ressemblait son blog avant mon travail :

Modifications : Say le Pompom

Tout d'abord, Magali voulait changer les miniatures des articles sur sa page d'accueil et les pages de recherche. Pour cela j'ai créé des aperçus des articles avec : la première image de l'article, les libellés, la date, le titre, et un extrait de l'article :

Modifications : Say le Pompom

Ensuite j'ai créé un diaporama des derniers articles qui à été ajouté sous l'en-tête du blog :

Modifications : Say le Pompom

Le pied de page à été entièrement réorganisé et modifié. Tout d'abord, il fait maintenant 100% de la largeur de la page. Ensuite, il y avait beaucoup de choses à afficher, j'ai donc délimité le pied de page en 3 sections distincts de par leur couleur de fond. En premier on retrouve le formulaire d'inscription aux articles. Sur une 2e ligne on retrouve un gadget Instagram, une liste de liens Blogroll, et une liste de liens Shopping. Pour finir sur une 3e ligne on retrouve les boutons vers les réseaux sociaux et les attributions.

Voici l'ancien pied de page :

Modifications : Say le Pompom

Et le nouveau pied de page :

Modifications : Say le Pompom

En plus de ces modifications, le blog à été adapté aux différentes tailles d'écrans (responsive), et la version mobile à été modifiée pour correspondre à la version web :

Modifications : Say le Pompom

Modifications réalisées :

  • Création d'un diaporama sous l'en-tête du blog affichant les derniers articles publiés, en accord avec le design du blog.
  • Ajustement du pied de page à 100% de largeur de la page
  • Modification de l'apparence du pied de page et réarrangement de son contenu
  • Création d'un menu déroulant
  • Modification de la version mobile pour qu'elle corresponde à la version ordinateur
  • Affichage automatique des articles en aperçu sur la page d’accueil
  • Adaptation du blog pour le rendre responsive : pour qu'il s'ajuste aux différentes tailles d'écran

Autres articles

10 commentaires:

  1. J'adore le travail sur le pied de page !

    RépondreSupprimer
  2. I want to learn how to turn blogger standard models for responsive,
    Any tutorial?

    RépondreSupprimer
    Réponses
    1. Hi Felipe,
      I haven't done one on responsive layouts yet. But it's on my list of tutorials to-do list :)

      Supprimer
  3. Effectivement, le pied de page est plus lisible car l'écriture noire sur marron n'était pas idéale.

    RépondreSupprimer
  4. Merciiii encore <3 Je suis super contente du résultat.
    PS: c'est Say le Pompon, pas pompom hi hi ;-)

    RépondreSupprimer
  5. Bonjour !

    Tout d'abord je voulais te remercier de partager avec nous toutes ces petites astuces ! Grâce à toi, j'ai réussi à faire des choses que je n'aurais jamais pu faire sans toi et tes tutoriels.

    Ensuite je voulais te demander comment tu avais fait pour créer le "slideshow" sous l'en-tête du blog car j'aimerais bien en ajouter un à mon blog :)

    Bonne continuation !

    RépondreSupprimer
    Réponses
    1. Bonjour,
      C'est sur ma longue liste de tutoriels à faire ;)

      Supprimer
  6. C'est vraiment très joli !

    RépondreSupprimer
  7. Ah lala je rêve d'avoir un diaporama comme celui-ci ! Très joli design en tous cas !!!

    RépondreSupprimer

Le blog est officiellement en PAUSE. Je ne pourrai PAS répondre à vos commentaires. Pour plus d'infos.

Vérifiez que la réponse à votre problème ne se trouve pas déjà dans les commentaires ;)

Lady Bird RedDesign et contenu par Catherine Surr
Mentions légales . Un blog créé sur Blogger