Créer un Blog avec Blogger

Personnaliser son blog : la mise en page

Comment personnaliser son blog ?

MISE EN PAGE

Il est impératif de personnaliser son blog afin d'améliorer sa visibilité et de le personnaliser.

Blogger offre de nombreuses possibilités de personnalisation. Cet article présente  la mise en page qui concerne l'ensemble du blog et la configuration  des éléments mis en page comme un article, l 'en-tête...

PRESENTATION

La "mise en page"  présente la disposition ou architecture  des  élèments  ou blocs qui constituent le contenu de votre blog
Ex:
-l'en-tête
-Les articles
-les gadgets
-le pied de page (footer)
-...
Chaque bloc peut être déplacé, modifié (configuré), et même supprimé  : soyez prudents !
 

Pour configurer la mise en page de votre blog, procédez comme suit :



  • Ajoutez, déplacez, supprimez ou modifiez les élèments sur votre blog. 
  • Cliquez dessus et faites-les glisser pour les réagencer. 
  • Rappel : Pour modifier les colonnes et leur largeur, utilisez l'outil de création de modèles.
Chaque élément/gadget de la MISE EN PAGE peut être configuré en cliquant en bas sur "Modifier"



QUELQUES EXEMPLES
    A-Modifier le Favicon

    Le Favicon est l'icône de votre blog, par défaut celui de Blogger. Voious pouvez changer de "logo" si vous avez une image de remplacement ! (une image .gif en carré de moins de 100 ko : on en trouve sur Internet)

      B- Modifier/Configurer  TOUS les  ARTICLES du BLOG, on obtient :

      =>il suffit de cocher/décocher /préciser les divers élèments
      =>Ceci sera valable pour TOUS les articles de votre Blog



        C-Modifier l'en-tête


        Vous pouvez modifier le titre de votre blog, et, surtout, sa présentation en mettant un image titre...



        EN-TETE : EXEMPLE

        Comment mettre une image avec le titre de votre blog dans l'en-tête avec le freeware PHOTOFILTRE





          TROUVER UNE PHOTO / IMAGE (la votre de préférence...)


          Trouver/sélectionner une image (libre de droits) qui vous convienne de ??  pixels de largeur 
          (selon la largeur que vous avez choisie pour l'affichage de votre blog, au minimum 1000 pixels ? la hauteur étant d'environ 200 pixels).

          Vous pouvez utiliser Google, onglet Image


          CONSEIL
          : Souvent un extrait de fond d'écran  
          (exemple) convient parfaitement et sera facile à "retravailler"
          Taper : "fonds ecran" + une thématique "musique"  "mer"
          et demander l'onglet "Image"






          En passant la souris sur une image, la taille s'affiche.



          Attention vous voyez des vignettes et non pas l'image en taille réelle, vous devez cliquer sur l'image  pour qu'elle s'affiche en taille réelle avant de la télécharger ou d'en faire une copie écran...






          ADAPTER /TRANSFORMER PHOTO/IMAGE 



          -Utiliser  votre logiciel  de traitement d'image usuel OU installer l'excellent freeware "Photofiltre 7" à télécharger chez l'auteur


            •  et installez le logiciel.


          -Ouvrir votre image "Ficier >Ouvrir

          =>pour redimensionner votre imageMenu Image > Taille de l'image

          => pour retailler votre imageSélectionner la zone à la souris, puis Menu Image> Recadrer


          AJOUTER /SUPERPOSER  UN TEXTE (TITRE) A VOTRE PHOTO/IMAGE 



              =>Pour mettre du TEXTE sur votre image : 


              Sélectionner l'icône T (pour texte)



              configurer la fenêtre (texte, taille, couleur...), éventuellement l'onglet "EFFETS"



              -Valider "OK" puis  déplacer au bon endroit le bloc de texte avec la pointe de la flèche et non pas avec la flèche entière :
              METHODE :
              vous devez  
              placer le pointeur de la souris sur un des caractères du texte inséré, le pointeur se transforme en tête de flèche dirigée vers la gauche.

               Cliquer, rester cliqué, glisser, le texte se déplace, relâcher la souris quand vous avez trouvé le bon emplacement. 
              => Aide en PDF sur  texte dans image

              -Faire des essais en variant, taille couleur, effets divers
              =>ASTUCE : revenez en arrière pour modifier puis refaire



            • -Lorsque vous êtes satisfait, enregistrer au format jpg et préparez-vous à installer cette image dans l'en-tête votre blog 



















                ASSEMBLER IMAGES et TITRE SUR UN FOND


                -Préparer avec Photofiltre un   "nouveau fond" de la taille de votre future image : Fichier > Nouveau
                Fond de la couleur de votre choix....




                -Ouvrez dans Photofiltre les diverses images que vous souhaitez utiliser

                -Vous pouvez
                copier/coller vos images sur votre fond, à l'endroit de votre choix

                -Vous pourrez superposer un texte pour faire le titre
                •     Sélectionner l'icône T (pour texte)

                -N'hésitez pas à faire et défaire en  revenant en arrière pour modifier puis refaire

                ExempleUn fond jaune + 1 photo +2 images + un titre







                AUTRES OUTILS
                avec le Galerie FontWork d'OpenOffice


                Utiliser OOo en mode  "Dessin", insérer votre image, utiliser Fontwork pour créer le logo puis coller le sur l'image. Affiner. Puis enregistrer l'assemblage en format jpg


                • en ligne avec un générateur de titres
                http://fr.cooltext.com/

                http://www.supportduweb.com/generateur-titre-web20-photoshop-image-texte-web-20-effet-reflet-gratuit.html

                http://www.toutimages.com/generateur_texte/generateur_texte.htm



                • en ligne en  créant un texte en gif animé
                http://www.bloggif.com/text 
                (ou créer toute animation en gif animé sur Bloggif)


                D-Ajouter des gadgets


                Les Widgets ou Gadgets sont de petits programmes ou applications vous permettent d’enrichir votre blog.
                Sur votre blog Blogger, un gadget peut être appelé un widget ou une élément de page.  Le plus souvent on les installe dans la barre latérale, dans l'en-tête ou  dans le pied de page.
                • Cliquez sur Mise en page dans le menu déroulant de votre tableau de bord au-dessous du blog à personnaliser.
                • De là, cliquez sur Modifier pour modifier les gadgets existants ou sur Ajouter un gadget pour en ajouter de nouveaux.
                • Après avoir cliqué sur Ajouter un gadget, il vous suffit de cliquer sur le signe plus en regard du gadget à ajouter. Vous pouvez choisir des gadgets par catégorie ou rechercher un gadget spécifique dans la partie supérieure droite de la fenêtre pop-up.



                  • Après avoir donné les informations nécessaires pour le gadget sélectionné, cliquez sur Enregistrer la disposition. Les modifications apportées à la mise en page sont visibles immédiatement.
                  • Exercice:  vous allez insérer un gagdet : "TEXTE" qui contiendra une rapide présentation de votre blog