Préparer l'article

Lors de l'étape précédente, vous avez préparé vos photos en les redimensionnant ; nous allons voir maintenant comment préparer l'article avec Libre Office (ou tout autre traitement de texte). Si vous n'avez que du texte, vous pouvez aussi le saisir directement dans l'éditeur de messages de Blogger. Ce qu'il faut savoir : l'utilisation systématique des tableaux permet par la suite des rectifications simples dans Blogger et une présentation plus agréable les cadres de vos photos apparaitrons dans l'éditeur de messages de Blogger, ce qui simplifiera l'insertion des photos par défaut, le cadre photo a une largeur de 7 cm, ce qui correspond à la taille « petit » de Blogger ; si vous voulez des images plus grandes, portez la largeur à 10 cm Procédure pour préparer l'article : 1-téléchargez mon modèle de document et ouvrez le dans Libre Office en cliquant sur son nom ; une fois ouvert, enregistrez le dans le sous-dossier que vous avez créé pour votre nouveau message (je le nommerai par la suite « mon message ») ; pour cela utiliser le menu Fichier puis « Enregistrer sous » 2-créez la structure de votre document en créant tous les tableaux dont vous avez besoin : pour dupliquer un tableau, sélectionnez le, ensuite utilisez le copier/coller pour supprimer un tableau, sélectionnez le, ensuite appuyer sur la touche clavier [suppr] 3-composez tout le texte de votre article dans les cellules des tableaux , vous ajouterez les photos ensuite.     ATTENTION : si vous changez de police, créez un nouveau tableau, sinon il y aura des problèmes lors de la mise en ligne.

4-insérez vos photos une à une dans le cadre choisi ; pour cela pour chaque photo : mettez le curseur de la souris à l'endroit d'insertion, puis vos photos apparaissent, cliquez (le curseur reste à la place choisie) cliquez sur le menu Insertion, puis « Image », puis « à partir d'un fichier », une nouvelle fenêtre s'ouvre pour permettre de retrouver vos photos colonne de gauche cliquez sur Documents, puis colonne de droite cliquez sur « blog », puis « messages », puis « mon message » ; vos photos apparaissent (.jpg) cliquez sur le nom de la photo choisie, puis sur le bouton [Ouvrir] ; la photo est insérée dans votre message

Insérer une image

5-sauvegardez le document final au format .odt (c'est celui de Libre Office) ; pour cela cliquez sur le menu Fichier puis « Enregistrer » ; vous pourrez par la suite l'imprimer pour relire votre travail 6-mettre le document au format web (celui de Blogger) ; pour cela cliquez sur le menu Fichier, puis cliquez sur « Enregistrer sous » ; une nouvelle fenêtre s'ouvre ; choisissez « Document HTML » comme Type, puis cliquez sur le bouton [Enregistrer] ; fermez votre document (menu Fichier puis Quitter) Dans votre sous-dossier « mon message », vous avez maintenant : le document .odt qui est votre message au format Libre Office le document .html de même préfixe qui est votre message au format Blogger vos photos .jpg pour insérer dans Libre Office ou dans Blogger les mêmes avec html en plus dans le titre ; elles ne servent qu'à afficher les images dans le fichier html (sans plus) Voilà, vous avez tout ce qu'il faut pour bientôt publier votre message ou article !                                                   Suite

Préparer les photos

Dans l'étape précédente, vous avez ouvert un sous-dossier pour votre nouveau message ; nous allons voir maintenant comment y mettre les photos qui doivent illustrer votre message ; ces photos doivent être redimensionnées pour être envoyées plus tard à votre blog.

Ce que vous devez savoir sur Picasa : Ce logiciel permet sur votre ordinateur de : traiter des photos (ou des video clips) rangées dans des dossiers créés hors de Picasa de faire des retouches simples à vos photos de changer la taille d'un lot de photos en une seule action de mettre sur internet très facilement un lot de photo et bien d'autre choses à découvrir par vous-même si vous voulez approfondir le logiciel Ce que vous devez savoir sur Blogger : Les photos qui sortent de votre appareil ont une largeur de plusieurs milliers de pixels pour permettre des agrandissements de qualité au format A3. Blogger vos photos et les affiches avec une taille prédéfinie (largeur de la photo) que vous pouvez choisir : petit de 4 cm de large (environ 200 pixels) moyen de 6 cm de large (environ 300 pixels) grand de 7 cm de large (environ 360 pixels) et taille réelle Pour avoir de la souplesse, nous donnerons aux photos une largeur de 5 cm (environ 250pixels) qui permet par la suite dans Blogger d'afficher 3 photos sur une même ligne. Enfin l'affichage à l'écran nécessite un résolution de 75 pixels, mais une impression nécessite une résolution de 150 pixels ; c'est cette dernière valeur que nous choisirons. Mes conseils : Vos photos doivent être transférées de votre appareil photo à votre ordinateur, que leur format soit JPEG (utilisé par les amateurs) ou RAW (utilisé par les amateurs experts et les professionnels). Tout nouveau lot de photos doit être enregistré dans un sous-dossier spécifique pour les retrouver facilement ; je vous propose dans le dossier Images de créer un sous dossier de nom type “année-sujet des photos” ; exemple 2012-Bretagne. Rangez vos photos redimensionnées avec Picasa dans le sous-dossier que vous avez crée pour écrire votre message. Procédure pour changer la taille de vos photos : 1-sélectionnez toutes les photos que vous avez choisies pour illustrer votre blog ; pour cela : cliquez sur la première photo ; elle devient bleue cliquez sur la touche clavier CTRL et laissez le doigt enfoncé jusqu'à la fin de la sélection pour sélectionner une photo supplémentaire cliquez sur la photo choisie ; elle devient bleue ; si vous vous êtes trompé, vous pouvez déselectionner la photo en cliquent dessus à nouveau, elle retrouve sa couleur quand vous avez fini votre sélection, enlevez le doigt de la touche CTRL

2-exportez les photos sélectionnées ; pour cela dans le menu Fichier, cliquez  sur “Exporter l'image vers le dossier" ; une nouvelle fenêtre s'affiche

Les menus Picasa

3-choisissez les paramètres d'exportation :     emplacement d'exportation (Mes photos correspond au dossier Mes images, bizarre mais c'est comme cela !) nom du dossier exporté : indiquez “mon message” ; un sous dossier à ce nom sera créé pour y mettre les photos exportées taille d'image : redimensionner au format 250 pixels ; là c'est magique car si une photo est verticale, il le détecte et il en déduit que 250 est sa hauteur qualité d'image : choisir maximum cliquez sur le bouton [exporter] ; le résultat de votre travail se trouve dans le dossier Mes images/mon message

Fenêtre exporter

4-Il ne vous reste plus qu'à copier ce résultat dans le dossier : Mes document/blog/messages/mon message en cours (nom que vous avez donné à votre nouveau message) ; vous pouvez utiliser le copier/coller                                    Suite

Créer le sous-dossier pour le message

Dans votre dossier 'Documents", vous avez lors de la création de votre blog ouvert 2 sous-dossiers :

• BLOG sous dossier de "Mes documents"
• messages et pages, sous dossiers de BLOG 

Pour chaque nouveau message que vous allez écrire, vous allez créer un sous dossier dans le dossier "messages" ; son nom sera celui que vous donnerez au titre de votre message (ou article dans Blogger depuis 2013), afin de faciliter les recherches ultérieures. Ce sous dossier contiendra :

• le document texte au format .ODT préparé à partir de mon modèle
• les photos retaillées (si vous mettez des photos dans votre message)
• le document web au format .HTML qui sera ensuite inséré dans votre blog (on verra plus loin comment)

Comment créer un sous dossier ?

• Ouvrez le dossier dans lequel vous voulez créer un sous dossier
• Faites un clic droit dans une zone blanche de la page
• Cliquez sur" Nouveau"
• Cliquez sur "Dossier"
• une fenêtre s'ouvre avec un sous-dossier dont le nom est surligné en bleu ; tapez directement le nom de votre message, il va le remplacer ; pour valider, cliquez sur la touche [<--|] ou touche Entrée

                                                       Suite...

Penser son blog

Ouvrir un blog c'est très facile, mais avant il faut se poser un certain nombre de questions et parmi les plus importantes :

• un blog pour dire quoi ?
• un blog qui s'adresse à qui ?
• un tel blog existe t-il déjà ? si oui, quelle est ma valeur ajoutée ?
• comment retrouver simplement et rapidement un article (ou message) publié ?
• est ce que je dispose d'assez de temps pour gérer mon blog ?
  il faut passer en moyenne 4H par semaine pour animer son blog s'il est grand public ; pour un blog privé, il n'y a pas de règle

Voir aussi : l'ergonomie du blog

Affiner le look de son blog

Le look général du blog est créé par la fonction  [Modèle] - dont la mise en page, ensuite on l'affine avec la fonction  [Mise en page].

Ce qu'il faut savoir :

• la mise en page générale a défini les grands blocs (comme un puzzle) de la page standard de votre blog : titre, pages (pour la barre d'onglets), zone pour les messages, pied de page et divers
• on affine le look du blog en modifiant les paramètres relatifs à chaque bloc
• Gadget : vocabulaire spécifique à blogger ; il nomme une brique logicielle fournie par blogger et que vous pouvez ajouter à votre blog.

Affiner la mise en page du modèle :

• allez sur la page de conception de votre blog
• cliquez sur le bouton [Mise en page] (colonne de gauche), les grands blocs de la page d'accueil de votre blog s'affichent, avec pour chacun un lien Modifier qui permet d'affiner chaque bloc
• Quand on clique sur un lien Modifier, une nouvelle fenêtre s'ouvre ; elle permet de régler les paramètres relatifs au bloc ; quand c'est fini, en bas de la fenêtre, cliquez sur le bouton Enregistrer pour mémoriser vos modifications (la fenêtre se ferme)

Les paramètres intéressants sont :

• pour le bloc titre : la possibilité d'ajouter une image, qui remplace ou non le titre ; la taille de l'image devra faire la largeur définie dans le modèle ; dans notre cas : 1300 pixels, et pour la hauteur entre 100 et 200 pixels
• Pour le blog pages (ou onglets) : la possibilité de ne pas afficher une page comme onglet
• Pour le bloc messages : le nombre de messages affichés sur une page web, la structure de présentation du message
• Pour le bloc gadget : la possibilité de créer/modifier/supprimer un gadget et la gestion de l'ordre des gadgets à l'affichage (comme pour les pages)

Les gadgets intéressants sont :

• s'abonner au blog, traduire le blog, liste de liens (pour afficher les sites intéressants ou amis par exemple)
• pour ajouter un gadget
  cliquez sur le lien Ajouter un gadget
  cliquez sur le gros plus du gadget pour l'ajouter, une fenêtre s'ouvre
  répondez aux questions
  cliquez sur le bouton Enregistrer pour mémoriser vos choix

Quand tout est fini, que vous êtes content de votre modèle, cliquez sur le bouton
 Appliquer au blogpour mémoriser votre travail ; la page de conception du blog est de nouveau affichée
Vérifiez votre travail en cliquant sur le bouton  [Afficher le blog]

Créer le look de son blog

Le modèle est créé à l'ouverture du blog, ensuite on ne le modifie que rarement.

Ce qu'il faut savoir :

• le look (ou physionomie générale) du blog est donnée par un modèle ; un modèle fixe les colonnes, les couleurs, du fond, des titres...
  le changement de modèle peut être fait à tout moment, car le contenu (vos messages) est indépendant du look
• vous pouvez changer les couleurs d'un modèle (fond, textes, titres...) en choisissant une autre image d'arrière plan ; les résultats sont variables selon les images (de beau à laid)
• le titre d'un message est un lien, il aura donc la même couleur que les liens que vous aurez défini dans le message ; leur couleur est modifiable
• toute modification que vous ferez sera immédiatement visible à l'écran, sauf s'il y a un bug (et cela arrive !)

Mettre au point ou modifier le modèle :

• allez sur la page de conception de votre blog
• cliquez sur le bouton [Modèle] (colonne de gauche)
• cliquez sur le bouton Personnaliser, une fenêtre s'ouvre ; sur la partie gauche, on trouve les liens suivants :
  Modèles, Arrière plan, Ajuster la largeur, Mise en page, Avancé

• choisissez votre modèle ; pour cela, cliquez sur  Modèles ; en cliquant sur un modèle vous voyez votre blog changer de look ; mon modèle préféré est "Fenêtre d'image"
• la couleur ne vous plait pas ?
  cliquez sur Arrière plan  puis "Image d'arrière plan" ; vous pouvez choisir le mur orange dans "Maison et Jardin" (cliquez sur "Maison et Jardin", puis sur le mur orange) ; vous pouvez aussi choisir dans "Nature" le coucher de soleil ; à vous d'exprimer votre talent artistique !
  Quand le choix est fait, cliquez sur le bouton OK

• réglez la largeur des colonnes ; pour cela cliquez sur Ajuster la largeur ; pour Blog complet, indiquez 1300 px (comme pixel) ; pour la Barre latérale droite indiquez 300 px
• choisissez la mise en page telle que la verront les visiteurs ; pour cela cliquez sur Mise en page  et cliquez sur le modèle 2 colonnes (le plus courant) - dans Mise en page de contenu, le rectangle haut représente le titre du blog et les onglets, le grand rectangle représente l'affichage de vos message, le rectangle foncé représente une colonne de liens (gadgets dans Blogger)
• Pour aller plus loin, cliquez sur Avancé je vous laisse découvrir les changements ; vérifiez que la police du texte du message a le même nombre de pixels que dans votre traitement de texte, sinon les ajouts de texte par l'éditeur de messages de Blogger se verront

• Quand tout est fini, que vous êtes content de votre modèle, cliquez sur le bouton
   Appliquer au blogpour mémoriser votre travail ; la page de conception du blog est de nouveau affichée
• Vérifiez votre travail en cliquant sur le bouton  [Afficher le blog]

Voir aussi quelques conseil complémentaires sur l'ergonomie.

Créer la barre de navigation

 Son objectif est de faciliter la navigation dans le blog, c'est-à-dire de trouver l'information souhaitée la plus vite possible.
Cette barre a ma préférence matérialisée par des onglets disposés horizontalement sous le titre blog.

Ce qu'il faut savoir :

• la barre de navigation aide à retrouver facilement les anciens messages
• chaque nouvelle page est un onglet ; en dehors de la page Accueil, chaque page sert à faire des liens entre du texte et des messages ou du texte et des photos/vidéos, ou du texte et des documents à télécharger
• la page accueil (ou onglet "accueil")  affiche tous les messages dans l'ordre chronologique décroissant (l'onglet "accueil" pourrait aussi bien s'appeler "historique des messages").
  Il faut ensuite un onglet "table des matières" pour structurer les messages ; pour un blog de cuisine, on l’appellera "mes recettes", pour un blog de voyage on l'appellera "carnet de route" etc...
• elle est gérée par la fonction [pages] de la page de conception de Blogger
• l'ordre des onglets ainsi que leur titre est modifiable à tout moment
• si les onglets sont horizontaux dans l'affichage du blog, ils sont présentés verticalement dans la page de conception de Blogger

Ajouter un onglet :

• allez sur la page de conception de votre blog
• cliquez sur le bouton [Pages] (colonne de gauche)
• cliquez sur le bouton [Nouvelle page], puis "Pages blanche", une fenêtre s'ouvre
• Indiquez le titre de la page qui sera le nom de l'onglet (exemple : Table des matières)
• Puis dans la zone de texte, écrivez "à remplir ultérieurement"
• Cliquez sur le bouton Publier pour mémoriser votre travail ; la page de conception du blog est de nouveau affichée
• Choisissez : Afficher les pages comme Onglets en haut de page
• Cliquez sur le bouton Enregistrer la dispositionpour mémoriser votre travail
• Vérifiez votre travail en cliquant sur le bouton  [Afficher le blog]

Changer l'ordre des onglets :

• allez sur la page de conception de votre blog
• cliquez sur le bouton [Pages] (colonne de gauche)
• Mettre le curseur de la souris sur la petite colonne bleue à gauche du nom de la page à déplacer, une croix s'affiche
• Cliquer, puis glissez/déplacez jusqu'à la bonne position, arrêtez de cliquer, c'est fini !
• Cliquez sur le bouton Enregistrer la dispositionpour mémoriser votre travail
• Vérifiez votre travail en cliquant sur le bouton  [Afficher le blog]

Modifier ou supprimer un onglet :

• allez sur la page de conception de votre blog
• cliquez sur le bouton [Pages] (colonne de gauche)
• cliquez sur le lien bleu Modifier ou Supprimer sous le titre de la page que vous voulez changer
• Quand vous avez fini,cliquez sur le bouton Enregistrer la dispositionpour mémoriser votre travail
• Vérifiez votre travail en cliquant sur le bouton  [Afficher le blog]