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]

Découverte de Blogger

Dans Blogger, la présentation de votre blog est séparée du contenu (le texte des messages que vous avez rédigé), on peut donc à tout moment changer le modèle, ou la mise en page de son blog ; cela n'a aucune incidence sur les messages déjà publiés. Le centre nerveux de Blogger est la page de conception. En haut de la page il y a 4 boutons : Le premier [B] affiche la liste de vos blogs  Le deuxième [crayon] lance l'éditeur de messages ;vous pouvez aussi utiliser le bouton nouveau post Le troisième [documents] affiche la liste de vos messages Le dernier [afficher le blog] vous permet à tout moment de voir le rendu des modifications que vous venez de faire Il y a en suite le bouton enregistrer le disposition qui doit être utilisé si vous modifiez le modèle ou la mise en page de votre blog. Sous le bouton nouveau post il y a une colonne de boutons dont le rôle est présenté ci-après.

vue d'ensemble	Peu utilisé - fait une synthèse de l'activité du blog (fréquences des pages vue, nombre de mises à jour notamment)

messages	Très utilisé – affiche la liste des messages publiés (appelés articles depuis 2013) et permet pour chacun de le modifier ou de le supprimer. Par défaut, tous les messages sont rattachés à la page d'accueil du blog.

pages	Très utilisé – permet de créer une nouvelle page web, et affiche la liste des pages web créées avec la possibilité de les modifier, de les supprimer ou d'en modifier l'ordre. C'est là que l'on gère les onglets de la page d'accueil de son blog
..

commentaires	Peu utilisé – Quand un message est publié sur votre blog, les visiteurs peuvent faire des commentaires ; vous pouvez choisir de les supprimer

mise en page	Rarement utilisé une fois la mise en page de votre blog figée – mais très utilisé pour la mise en page détaillée (comme dans un journal, on définit l'emplacement du titre, les rubriques et leur emplacement)

modèles	Rarement utilisé une fois la mise en page de votre blog figée – mais très utilisé pour la mise au point de la mise en page (comme dans un journal, on définit la charte graphique du blog : quelles sont les couleurs de fond page, des caractères, des titres...), et la mise en page globale (emplacement des colonnes notamment....)

paramètres	Rarement utilisé une fois la mise en page de votre blog figée – c'est ici qu'on définit les paramètres techniques de votre blog – rassurez vous, il y en a peu

Retenez bien : les gros boutons oranges sont destinés aux actions importantes. Ne pas oublier de cliquer dessus. Dans Blogger, la présentation de votre blog est séparée du contenu (le texte des messages que vous avez rédigé), on peut donc à tout moment changer le modèle, ou la mise en page de son blog ; cela n'a aucune incidence sur les messages déjà publiés,

Télécharger mon modèle de document

téléchargez le modèle de document sur votre ordinateur
Quand vous cliquez sur le mot téléchargez (ligne précédente) une fenêtre s'ouvre, cliquez sur
 "Télécharger", le document "modele de document pour blogger.odt" est transféré vers votre ordinateur.
Vous le verrez dans le dossier "nom de session/téléchargements" (exemple : Paul/Téléchargements).

Si votre traitement de texte est autre que Open Office ou Libre Office, faites un clic droit sur le nom du fichier et choisir "ouvrir avec" mon traitement de texte. Enregistrez le document au format de votre traitement de texte, c'est celui-ci qui vous servira de modèle. Pour plus de sécurité, avant d'aller plus loin, enregistrez ce modèle en HTML, puis ouvrez ce dernier document en cliquant dessus ; si la présentation est correcte tout ira bien, sinon terminé.

NOTA : il existe un petit programme qui ajoute cette fonction à Microsoft Word ; cliquez ici

Ouvrir son blog

Voici la procédure détaillée, vous verrez c'est très simple !

1-Accédez à Blogger

Si la page de démarrage de votre navigateur affiche Google, en haut de l'écran vous avez une ligne noire ; sur cette ligne cliquez sur « Plus » puis « Blogger », la page d'entrée à Blogger s'affiche

2-Déclinez votre identité

Indiquez votre adresse mèl Google puis son mot de passe, puis cliquez sur le bouton [Connexion], un écran de bienvenue s'affiche

3-Indiquez votre type de profil souhaité

Renseignez le nom de l'ensemble de vos blogs (oui, vous pourrez en créer plusieurs) ; indiquez soit votre nom de famille, soit un pseudo, puis cliquez sur le bouton [Continuer vers Blogger], une nouvelle page s'affiche

4-Décidez de créer un blog

cliquez sur le bouton [Nouveau blog], une nouvelle page s'affiche IMPORTANT : par défaut, votre blog a une visibilité pour tous - de paramètres permettent de restreindre cette visibilité

5-Choisissez le nom de votre blog

Renseignez : le titre du blog (le nom que vous souhaitez lui donner) l'adresse du blog (ce sera son adresse web) ; en général on reprend le titre du blog en remplaçant les espaces par des tirets et sans caractères accentués-modifier par itération si cette adresse existe déjà Choisir un modèle de blog qui lui donnera son look : cliquez sur « Picture windows » cliquez sur le bouton [Créer modèle], une nouvelle page s'affiche

6-Lancez l'éditeur de message

Cliquez sur le lien « démarrer », l'éditeur de message s'affiche

7-Rédigez votre premier message

Renseignez le titre : Mon test Renseignez le texte du message : Mon premier message cliquez sur le bouton [Publier], une nouvelle page s'affiche ; vous devrez vous familiariser avec elle, c'est la page de conception de Blogger

8-Constatez le résultat

cliquez sur le bouton [Afficher le blog], une nouvelle page s'affiche, c'est ce que verront les internautes

9-Revenez à la page de conception

Cliquez sur le lien « Conception » en haut de page à gauche du lien « Déconnexion », une nouvelle page s'affiche, c'est la page de conception de votre blog- voilà c'est fini, vous êtes prêt pour Blogger !

Utiliser mon modèle de document

Votre document va se composer de tableaux d'une ligne (les bordures du tableau n’apparaîtront que si vous les ajoutez, idem pour la couleur du fond).

N'oubliez pas de mettre une ligne blanche avant et après chaque tableau pour avoir une présentation correcte dans Blogger.

Pour composer un texte avec des photos, 2 solutions :

• Mettre le texte dans un tableau tout seul ; sous ce tableau, ajouter un tableau avec 2 ou 3 photos (tableaux A puis B ou C ou D, voir plus bas)
• Mettre le texte à côté du tableau (tableaux B ou C, voir plus bas)

En pratique, téléchargez mon modèle de document, ouvrez le et composez votre document (l'affichage est en mode portrait et la police est Verdana 12).
Choisissez les modèles de tableaux voulus que vous pouvez dupliquer avec un copier/coller ; réalisez votre document puis supprimez tout ce qui ne sert à rien. Il suffit ensuite d'enregistrer votre document  au format .HTML (s'il y a des photos, elles sont mises dans le même sous-dossier que le document .HTML).
Cliquez sur le document HTML qui s'ouvre dans votre navigateur, faire un copier/coller dans l'éditeur de messages de Blogger du contenu de votre document, Il ne reste plus qu'à insérer les photos depuis l'éditeur de Blogger.

A-Tapez ici votre texte, le retour à la ligne est automatique

B-Insérer Ici Photo à gauche du texte

Ici texte ou photo

C-Ici texte ou photo

Insérer Ici photo à droite du texte

D-Insérer Ici Photo 1

Insérer Ici Photo 2

Insérer Ici Photo 3

Améliorer vos messages grâce au traitement de texte

La voie normale pour rédiger un message est d'utiliser l'éditeur de message intégré à Blogger (lancé en cliquant sur le bouton nouveau post.
Cet éditeur est moins puissant que celui fourni pour écrire des textes avec Google Drive.
La puissance fonctionnelle idéale est donnée par le traitement de texte de votre ordinateur (Libre Office ou Microsoft Office etc...) ; en particulier pour :

• gérer des tableaux - tous les sites web utilisent des tableaux pour faire des mises en page de qualité - pourquoi pas vous puisque c'est simple ?
• reproduire des mises en formes de titre par exemple, avec l'icône pinceau
• choisir des puces plus jolies pour les énumération
• intégrer un dessin grâce à l'icône dessin
• bénéficier d'un correcteur orthographique plus puissant
• et bien d'autres fonctionnalités...

Conclusion

Quand vous avez des documents composites avec textes et images notamment, utilisez votre traitement de texte, sinon utiklisez l'éditeur de messages Blogger.

Procédure de chargement du blog à partir du traitement de texte :

• préparez votre message avec le traitement de texte de votre ordinateur ; vous obtenez un document au format .odt ou .docx selon votre traitement de texte
• enregistrez le document (fonction fichier/enregistrer sous) au format .HTML (format web) qui crée un   un document .HTML (il contient le texte mais pas les photos qui sont mises dans le même dossier)
• cliquez sur le nom de ce dernier document, il est ouvert par votre navigateur
• sélectionnez tout son contenu (CTRL+A clavier), puis mémorisez le par un CTRL+C clavier (= fonction copier)
• collez le dans l'éditeur de message Blogger par un CTRL+V clavier ; ajouter les photos une à une avec la fonction "insérer photo" de Blogger ; il ne vous reste plus qu'à publier votre message - vous pouvez par la suite faire des retouches de texte ou de mise en page, directement avec l'éditeur de message Blogger