• Habiller son blog

    Bonjour mes petits des neiges !

    Nous nous retrouvons aujourd'hui pour un nouvel article du guide Eklablog ! Maintenant que vous avez du contenu pour votre joli blog tout neuf, il faut l'habiller ! Et oui, un joli blog, ça retient souvent l'attention des visiteurs. Et à moins que votre blog ne soit un blog de graphisme, il n'y a pas non plus besoin de trop en faire pour que ce soit joli et lisible ! Au contraire, un blog trop surchargé autant en images qu'en codes aura tendance à décourager votre pauvre visiteur car trop long à charger. Voyons quelques astuces ici !

     

    Le thème de base 
    Habiller son blog

    Si vous débutez en la matière, je vous conseille de ne pas débuter avec le thème de base d'Eklablog (sauf si celui-ci vous convient parfaitement, dans ce cas, cette étape peut être totalement ignorée) mais d'en choisir un dont la forme et la mise en page de base vous plaît. Cela vous facilitera grandement la tache ! Par exemple, même s'il est assez reconnaissable, le thème de base de mon blog est "Girly" disponible dans les thèmes par défaut. C'est bon ? Vous avez fait votre choix ? Dans ce cas c'est super, on peut passer directement à la suite ! 

     

    Le header et les menus 
    Habiller son blog

    Ces  points là sont trop souvent négligés ! Commençons par les menus : ils sont sûrement plus important que ce que vous pensez, car ce sont eux qui permettront à votre visiteur de se repérer dans le labyrinthe qu'est votre blog. Car vous le connaissez sûrement par  coeur, mais ce n'est pas le cas de vos visiteurs, dont certains le découvrent pour la première fois ! Et rappelez vous de la règle numéro un du blogueur : c'est vous qui devez faire des efforts pour être lu et non l'inverse. Du coup, il faut des menus bien organisés, où on peut voir directement ce qui est important : les partenaires, les derniers articles (si si !à mais surtout les rubriques et vos éventuels forums. Bien que vous pouvez mettre quelques modules n'ayant pas d'utilité particulière comme une petite déco, une musique ou autres, n'en abusez pas : scroller trois tonnes de modules 'image de truc" ou "image de machin" ainsi que "musique trop bien ♥♥♥" c'est vite fatiguant. Si vous avez tendance à être désordonné et/ou que votre blog n'a pas beaucoup de contenu et de rubriques différentes, un seul module est préférable, car c'est plus facile pour le visiteur de s'y repérer comme ça. 
    N'oubliez pas non plus le menu de l'en-tête : il est trop peu utilisé ! Si la majorité des sites internet s'en servent, c'est bien pour une raison... C'est le must du visiteur perdu ! 

    Le header est lui aussi important : pas trop grand (évitez les headers qui font toute la hauteur de la page quand on arrive) car un header qui met du temps à charger, c'est décourageant et ça n'apporte pas grand chose. Si vous trouvez que le titre sur l'image ça fait moche, n'hésitez pas à le retirer mais essayez de rendre le hearder clikable ou de faire un lien vers l'accueil de votre blog dans le menu de l'en-tête... Vos visiteurs vous en remercieront d'avance ! :) 

     

    Quelles couleurs choisir ?
    Habiller son blog

    Le choix des couleurs n'est pas forcément une chose aisée... Elles sont très importantes car elles définissent l'identité visuelle du blog mais aussi sa personnalité. En fonction du sujet du blog, il vaut parfois mieux respecter certaines couleurs : ainsi des couleurs naturelles comme le bleu, le vert ou le marron conviendront à merveille pour un blog nature tandis que le rose bonbon et le mauve guimauve ne feront pas très sérieux pour un thème métal. Quoi qu'il en soit, il y'a quelques règles à respecter. 

    Habiller son blog  
    Ton nouveau meilleur pote

    Si vous avez du mal pour cette étape, ceci pourra vous aider. Même si les sauvages l'appellent "la roue chromatique", nous sommes entre gens civilisés. "Cercle chromatique" conviendra donc mieux. Il vous aidera peut-être (ou peut-être pas) à choisir une ambiance pour votre blog. Notez que les couleurs n'ont pas été adoucies, ce qu'il faudra faire pour votre blog. 

    En effet, sauf en de rares occasions, ne mettez jamais de couleurs vives sur votre blog : elles font mal aux yeux et ne sont pas agréables à lire. Même sur du noir, je vous assure... D'ailleurs, contrairement à l'idée reçue, le blanc sur le noir n'est pas très agréable à lire pour des personnes ayant des yeux sensibles/autres : un gris très léger convient nettement mieux ! Cela vaut aussi pour toute couleur vive sur le noir : Rouge pétard/noir, vert vif/noir : on oublie définitivement. Et pareil sur le blanc ! 

    Fausse bonne idée : ne pas différencier les liens du textes ! Devoir jouer à cache-cache dans les colonnes, ça n'a rien d'amusant, croyez-moi.

    La police, on la prend de taille moyenne : ni trop petite, ni trop grosse. En effet, si devoir zoomer la page ou se tuer les yeux pour lire n'est pas agréable, devoir aller à la ligne tous les trois mots coupe aussi dans la lecture. On comprendra donc la taille de la police entre 11 et 14px ! ^^ 

    Si leurs couleurs vives sont à éviter, c'est aussi le cas pour certains mélanges de couleur : du mauve sur du bleu/bleu clair, du violet sur du bleu clair ou du mauve... Pour le premier, le mélange est généralement illisible pour tout humain normalement constitué. Le second rend la lecture de votre blog difficile à toute personne daltonienne, car même si il y'a trois types de daltonismes, tous on un point commun : la difficulté à différencier deux nuances de couleurs proches. Alors pensons à eux ! Pour ça ce n'est pas difficile : vous prenez votre couleur de fond (ou ce qui s'en rapproche) sur le cercle chromatique et vous virez tout ce qu'il y'a autour. Et ziou ! Maintenant même mes meilleurs potes daltoniens pourront lire votre blog ! Vous allez peut-être trouver ce dernier point idiot, mais on ne pense pas assez à eux et leur navigation sur la blogosphère doit être plus que compliquée... On peut par contre utiliser une version plus foncé/plus claire de la couleur de fond.

    Pour finir cette rubrique, on évite de mettre plus de deux/trois couleurs sur votre blog. Maximum  quatre couleurs en fonction du contexte. Mais n'oubliez pas que le but n'est pas de reconstituer notre cher cercle chromatique ! ^^ 

     

    Les commandements de l'arrière-plan 
    Habiller son blog  

    Pour finir cet article qui a déjà pas mal traîné en longueur, parlons de l'arrière plan de votre blog ! 

    • Il ne doit pas être trop chargé ni être de couleur trop vive afin de ne pas monopoliser le regard. C'est nettement plus agréable pour se concentrer sur un article ! 
    • On évite les gifs animés (ai-je besoin d'expliquer pourquoi ?)
    • On connait tous la frustration de ne pas pouvoir mettre toutes les images qu'on aime dans son thème. Mais mettre une image différente pour le fond  de la fenêtre/ fond de la page / contenu, croyez-moi, ce n'est pas une bonne idée. Du tout. 
    • Les toutes petites images en mosaïque : ça surcharge l'habillage du blog et cela jure généralement avec le reste de l'habillage. 

    Habiller son blog  
    Un exemple de type d'arrière plan à éviter pour le contenu : l'alternance de nuances claires / moyennes / foncées d'une même couleur empêchent de trouver une couleur qui soit véritablement lisible partout. De plus, votre regard n'est  pas attiré vers le texte mais vers les images de fond. C'est assez dommage... Désolé pour la blogueuse dont j'ai oublié l'adresse. Moi aussi je faisais ça avant. Je t'aime quand même. Coeur et licornes.

    Et surtout, on essaie de faire des pages maximum entre 950 et 1000px de largeur afin qu'il s'affiche correctement sur la plupart des écrans. En plus, au delà d'une certaine largeur, la lecture du contenu est moins évidente (c'est prouvé) : alors faites attention ! Personne n'aime scroller horizontalement pendant votre lecture. Votre but n'est pas seulement d'attirer des lecteurs : mais aussi de les garder !

    Voilà voilà,  nous arrivons au bout de ces conseils ! Libre à vous de les appliquer ou pas, même si je vous conseillerai plutôt de vous tenir à certaines choses ! ^^ Sur ce, ja  nee~

    « Remplir son blog Nouvelle rubrique »
    Partager via Gmail Delicious Technorati Yahoo! Google Bookmarks Blogmarks Pin It

  • Commentaires

    1
    Jeudi 16 Octobre 2014 à 18:07

    Comment tu donnes trop ! T^T C'est abusé la qualité des articles ! 

    Contiinue, et, bonne chance ! :3

    2
    Jeudi 16 Octobre 2014 à 18:14

    Abusé c'est clair ♥ C'est Akari la meilleure ♥

    3
    Jeudi 16 Octobre 2014 à 18:15

    Habiller son blog  
    Ton nouveau meilleur pote

    PTDRRRRRR ♥

    4
    Jeudi 16 Octobre 2014 à 18:17

    Clair ! 

    5
    Jeudi 16 Octobre 2014 à 19:54

    @QP & Sacha : Merci pour vos commentaires, il me font toujours tellement plaisir ♥

    Bha bizarrement j'y passe pas tant de temps que ça sur les articles, mais en fait c'est vraiment un truc que j'avais envie de faire pendant un moment donc j'étais pas mal inspirée ! Je pense que ça aide aussi ^^

    6
    Jeudi 16 Octobre 2014 à 19:56

    Reste motivée ma petite méduse (d'ailleurs, tes frangines, pendant les vacances, elles m’ont piquées!)

    Sinon, bonne continuation, ton blog est GE-NI-ALE ! 

    7
    Jeudi 16 Octobre 2014 à 21:35

    Merci ! :D Toi aussi ! (Oh les vilaines ! Faut que j'aille en leur en toucher deux mots ! Ça fait mal ? :o)

    MERCI ! ♥♥ Le tien aussi mec ! o/

    8
    Vendredi 17 Octobre 2014 à 07:41

    OUIIII CE BLOG EST MERVEILLEUX ♥♥♥

    9
    Vendredi 17 Octobre 2014 à 18:13

    Merci ;u;

    10
    Vendredi 17 Octobre 2014 à 18:18

    Oui, ça gratte partout ! En plus, elles sont invisibles dans l'eau ! Va les punir ! 

    Merci, meuf ! 0/

    11
    Vendredi 17 Octobre 2014 à 18:19

    ?

    Meuf, ça fait macho là. 

    Ou racaille.

    Au choix.

    12
    Vendredi 17 Octobre 2014 à 18:22

    Je sais, c'est pour rester dans son délire :p En vrai, I'm not comme this ! 

    13
    Vendredi 17 Octobre 2014 à 18:25

    I'm not like this*

    14
    Vendredi 17 Octobre 2014 à 18:37

    L'incruste du mot français au plein milieu de la phrase, sans pression ! \o/

    15
    Vendredi 17 Octobre 2014 à 18:42
    16
    Vendredi 17 Octobre 2014 à 19:16

    Tranquille !

    17
    Mardi 18 Novembre 2014 à 20:05

    Article très intéressant ! tu es agréable à lire et tu me fais rire ! Je suis d'accord sur beaucoup de points ! ^^Bonne continuation pour ton blog plein d'articles très bien écrits ! :)

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    18
    Mardi 18 Novembre 2014 à 20:19

    Merci du compliment, ça me touche beaucoup ! :) 

    Bonne continuation à toi aussi ^^

    19
    Mardi 18 Novembre 2014 à 20:19

    Derien et merci ^^

    20
    Mardi 18 Novembre 2014 à 20:21
    21
    Lundi 24 Novembre 2014 à 20:35

    Merci pour les conseils c: 

    22
    Lundi 24 Novembre 2014 à 21:35

    Avec plaisir :)

    23
    Lundi 24 Novembre 2014 à 21:40

    En effet mon problème c'est que je n'ai pas des codes CSS suffisants pour rendre mon blog attirant, tu as un lien ou une adresse utile c: ?

    24
    Lundi 24 Novembre 2014 à 21:51

    Peut être que du côté du blog "Fantasy Graph" de Nagalia ou du "Blog Facile" de Papatsi tu trouvera ton bonheur. Je n'ai malheureusement pas les adresses exactes donc une petite recherche google risque de s'imposer :) 

    Sinon, tu peux également faire un petite tour de la rubrique "Améliorer son blog" du répertoire des Eklablogs. Pour y accéder, clique ici ! :)  (Après vérification cette rubrique intègre d'ailleurs les deux blogs précédemment évoqués).

    25
    Lundi 24 Novembre 2014 à 21:53

    Merci pour ton aide 8D !

    26
    Lundi 24 Novembre 2014 à 21:57

    Derien avec plaisir ! :) Tu me diras si ça t'as aidé ou pas du tout j'espère ! :3

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :