vendredi 14 mars 2014

COMMENT METTRE EN PAGE SON BLOG ?

Aide aux novices (comme moi)


Après avoir passé des heures et des heures a criser devant mon ecran parcourant le net a la recherche DU tutoriel qui me ferait enfin voir la lumière.
Après avoir usé ma barre google a tapper toutes sortes de formulation plus farfelues les unes que les autres pour arriver à mes fins.
Après avoir serré les dents et les poings pour ne pas laisser s'echapper quelquesmots qui m'auraient valus des dizaines de pièces dans les tireleries affamées des lapinettes aux oreilles trainantes.
Après ce combat acharné ... je suis ENFIN arrivée à bout de mon adversaire ...

C'est là que je me suis dit que si je pouvais en épargner certaines et leur eviter de reduire a neant leurs 2h de yoga hebdomadaire ... alors pourquoi pas créer un article à ce sujet.

Je ne suis pas assez douée en la matière pour proposer mes propres tuto alors je vous indiquerez ou vous rendre pour trouver solutions a vos problèmes

Si  vous avez encore des soucis techniques auxquels je n'ai pas répondu laissez un commentaire à ce sujet.

Tout d'abord si vous n'avez pas le courage ou simplement pas l'envie de tout paramétrer en solo, vous avez la possibilité de télécharger un pack graphique tout prêt sur ETSY. Simple efficace et très joli c'est une solution merveilleuse pour tous ceux qui veulent une interface agréable propre et net sans se prendre la tête.


Problème n°1: Le FaviCON (qui porte a mon goût très bien son nom)


Le FaviKOI ?  Le petit truc inutile mais tellement mignon qui personnalise en détail votre blog ...  ce petit dessin qui précède votre url dans la barre d'adresse .. vous voyez ce B moche qui s'affiche devant l'adresse de votre blog lorsqua vous l'ouvrez ? Et bien le voila ce fameux favicon

Pour le personnaliser j'ai trouvé ma réponse sur le blog de Un blog Une fille.
Un blog super bien fait qui regorge d'astuces en tout genre pour personnaliser son blog et détaille pas a pas la procédure avec pour couronner le tout des videos explicatives comme par exemple  créer un gif animé 

Attention: ne pas recommencer de crise de rage si le nouveau favicon ne s'affiche pas immédiatement lola m'a evité la rechute en m'informant que le sien avait mis 24h a enfin apparaitre !

Problème n°2 : La Bannière


Après m'être inspirée sur ETSY et PINTEREST j'ai voulu m'y attaquer seule. Défis personnel ou envie d'economie des arguments se valent. Toujours est-il que j'ai jeté mon dévolu sur un tuto de City Girl Gone Coastal. Le tuto est anglais mais tellement bien illustré que la barrière de la langue ne m'a pas du tout gênée.

J'ai donc utilisé le logiciel en ligne PICMONKEY (qui me sert d'ailleurs aussi pour éditer mes photos)

Pour l'association des couleurs vous pouvez vous aider à l'aide de ce site, où celui-là

Après plusieurs essais je suis passée de ça:

à ça :

pour en arriver à ça
Effectivement des deux premiers au resultat final il n'a pas grand chose comme points communs le nom seulement en fait mais soudain je l'ai senti comme ça et même s'il n'est pas parfait le resultat me correspond bien !

Problème n°3 : Le contours gris autour des images 


Ayant envie d'un fond blanc et d'images fondues dans l'interface j'ai simplement choisi cette couleurs dans les paramètres avancés de la mise en page, et ai choisi un coutours d'image transparent ... en toute logique cela devrait suffir ...
Que nenni jeune padawan !! Un affreux contours gris continuait d'affubler toutes les images que je tentais d'intégrer à mon blog.
Recherche google enclenchée ... moi pas comprendre langage codé html !
Et la je tombe sur le blog de Lady bird red ! Tout y est expliqué dans un langage simple, toutes les étapes geek et codes html sont illustrés détaillés étape par étape ... é la fin un exemple est donné ! Le pied pour mon cerveau over dosé ! C'est elle qui m'a sauvée !

elle y explique aussi comment customiser sa barre de navigation

Astuces


1. Si vous souhaitez donner un titre à votre gadget listant les blog que vous parcourez ... ajoutez les dans le rubrique Liste de liens et non pas Liste de blog car dans cette dernière le titre ne s'affichera pas

2. Pour trouver des images libres de droits pour illustrer vos articles il y a le bien connu GETTY IMAGES ou encore FLICKR (c'est mal vu de voler les photos des bloginettes alors mieux vaut éviter si l'on aime pas se faire incendier !)

3. Pour les Polices d'écriture je reste fidèle a mon vieil ami DAFONT

5 commentaires:

  1. Comme je l'ai déjà dit sur mon article, je suis très contente d'avoir pu t'aider ! :)
    Et j'aime beaucoup t'a bannière, elle est vraiment sympas, tu as fait du beau boulot !

    RépondreSupprimer
  2. Maelys comment as tu fait pour mettre ton lien instar comme tu l'as fait ?

    Merci par avance

    RépondreSupprimer
  3. coucou, pour le lien insta j'ai tout simplement inséré une image (telechargée toute faite = etsy) dans ma colonne gadget et je l'ai associée au lien url direct de ma page instagram (sur instagram . com)
    sinon tu as des applications pour que ton flux de photos instagram apparaisse en direct mais comme je suis un PV ca ne marche pas
    http://www.intagme.com/
    http://web.stagram.com/tools/

    voili voilou

    RépondreSupprimer

♥ Merci d'avoir pris le temps de laisser un petit message ♥