L'illustration de blog pour les Nulles

 

Parfois je t’entends, chère bloggeuse lectrice, me dire que mettre des photos sur ton blog, c’est pas facile, et que des videos n’en parlons pas, et les bannières encore moins.

Ne viens pas me dire que je suis misogyne, c’est juste un état de fait.

Sur l’inspiration et la desespérance de ma copine blonde du ouèb, je t’offre un comment illustrer mon blog pour les Nulles.

Je t’en prie. C’est étrennes. C’est bonheur.

Le tout bien expliqué pour être compréhensible par les plus blondes d’entre nous.

Déjà si t’es sur Mac, tu navigues sur Mozilla ou Firefox. T’oublies le reste, car ça va pas être possible entre nous.

 

Je veux insérer une photo dans un billet

Ce que t’es manche.

Option 1 : tu veux mettre la photo que t’as prise le ouiken dernier à la Bourboule avec ton chien.

Il va falloir la redimensionner parce qu’elle va juste être énorme. Et puis lui donner une extension .jpg .gif ou .png. Y’a plein de logiciels. Je te donne la démarche pour Photoshop parce que c’est le mien et que c’est le meilleur. Si tu veux resizer ailleurs, à toi de voir.
Fichier, ouvrir. Image,taille de l’image. Je te conseille un format dans les 300 à 500 de largeur. Fichier, enregistrer pour le web. Choisis ton extension raccord, renomme, enregistre sur le Bureau.

Option 2 : tu vas sur Getty images chercher une photo qui va bien.

Elle va être direct à la bonne taille.
Sur la page que je t'ai mise en lien, à gauche, décoche « toutes les collections de droits gérés » et « toutes les collections de droits clef en main ». Voilà, il te reste les images libres de droit, comme ça t’es raccord avec la légalité. Clique droit et Enregistrer l’image sur le bureau.

Tu insères la photo
Dans la note, clique sur l’icône arbre, puis Browse, va chercher la photo sur le bureau, clique sur le centrage que tu veux, décoche Vignette, et voilà.

 

Je veux insérer une vidéo dans un billet

Ce que t’es oinche.

Vas sur YouTube. Non je ne parlerai pas de DailyMotion. Choisis ta video. Copie le code HTML qui est donné.

Retourne sur ta note. Clique sur l’icône HTML dans l'édition de post. Copie le code HTML de la vidéo, pas au milieu d’un autre code HTLM, tu seras mignonne.

Un code HTML commence par un <blabla> et se finit par </blabla>. Tu peux aller par exemple après un </p>. Ou tout à la fin.
Bon tu peux laisser le code de la video tel quel. Je te le dis, la video va être trop grande, ça va déborder dans ta marge, ça va être rien moche. Tu peux aussi réduire la taille.
A chaque fois que tu vois <object width="425" height="355"> dans le code (normalement, 2 fois), tu changes les valeurs.

Je te propose : <object width="325" height="255">.
Quand tu as terminé tes tripotages, tu cliques sur « Appliquer ». Wahou. Ca marche.

Je veux changer la taille de police de caractères

T’as raison. Pour info les mots que tu vas grossir seront mieux repérés par Gougueul. Ouais c’est la magie du ouèb.

Option 1 : de certains mots dans un post.
Clique sur l’icône HTML dans l'édition de post. Dans la fenêtre, avant le mot, rajoute <font size="3"> (ou 2 ou 4 c’est toi qui vois) et après le mot </font> pour fermer. Sinon c’est tout  le reste du texte qui va être huge. Je t'aurais prévenue.

 

Option 2 : de façon globale pour tous mes posts.
Alors là je te le dis tout net, il va falloir tripoter le template. Ca demande un certain self control britannique. Mais tu n’en manques pas, toute blonde que tu sois. T’inquiète, tu peux restaurer le modèle initial.

Clique sur l’onglet Présentation, puis configuration avancée (pour HautetFort).
Feuille de style. Modifier le template.
Descends jusqu’à Content et ContentH2.
Pour les 2 lignes font-size : indique le pourcentage qui te chante. Par exemple ici j’ai mis 90% et 110%. C’est toi qui vois.

 

 

Je veux insérer une bannière, une photo, une bêtasserie dans les colonnes de mon blog 

 

J’en ai justement une à te proposer.

Insère la bêtasserie dans une note créée pour l’occasion comme pour insérer une photo et ouvre ensuite HTML. Copie le code HTML généré par l'insertion. Ferme la note sans l’enregistrer, t’en as plus besoin.

(Si t’as déjà le code HTML, toute cette phase est inutile, attaque directement la suite).

Vas dans Présentation, Contenu des colonnes. En bas, colle le code HTML. Mets un titre à l’élément. Coche Centrer l’élément. Le truc apparaît dans la liste. Clique sur ajouter à droite ou gauche. Valide. Et voilà.