Tutoriel Blogger

Tutoriel Blogger janvier
2014
Tutoriel BLOGGER
Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos
et des vidos. Cest un outil simple, bnficiant du rfrencement de Google, ce qui permet de
rfrencer un blog trs rapidement. Autrement dit, votre blog a plus de chance dapparatre rapidement
dans les premiers liens de la recherche, lorsque des mots-cls propres votre activit sont taps dans la
recherche Google.
Ldition du blog est organise toujours de la mme faon : Une page daccueil contenant des articles, et
des pages qui peuvent apparatre soit dans les onglets en haut du blog, soit sur les bords de votre blog,
en fonction de vos choix.
La page daccueil, est la page la plus rfrence du blog. Ce qui veut dire quelle est conue pour
apporter un maximum de visibilit sur internet. Cest un peu comme une page de journal la une.
Pour vous donner une ide, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Regardez la page daccueil, qui est une suite darticles.

Le menu du blog : les onglets (ce sont les pages)
Le bord droit, ce sont des Gadget ou Widget vous permettant par exemple :
o De mettre un traducteur de votre blog
o Des liens pointant vers dautres sites
o Un champ de recherche
o Des statistiques de visite
o Un calendrier
o Etc
Comment crer le blog

Il faut dabord crer un compte sur Google.
Pour cela, ouvrez votre navigateur, et ouvrez la page de recherche
GOOGLE
En haut droite, un bouton bleu de connexion Cliquez dessus.
UTL formation - Anne Gallino
Page 1
2014
Si vous navez pas de compte GOOGLE, ni dadresse mail GMAIL, il suffit de cliquer sur CREER UN
COMPTE. Une nouvelle fentre souvre : Crer un compte.
En crant un compte GOOGLE, vous accdez tous les outils GOOGLE. Par exemple :
Une nouvelle bote mail nomdeboitemail@gmail.com

Laccs Blogger pour crer un blog
A Google+, le rseau social de Google
Laccs au DRIVE (qui vous permet de partager des documents en ligne)
Remplissez les champs requis. On vous demande un numro de tlphone portable, en 06. Cest
exactement la mme chose avec Paypal. Cest pour scuriser votre compte, la militaire !
Page 2
2014
Par cette action votre compte Gmail est impiratable . Google vous averti par mail, si
un pirate a tent de se connect votre compte, en vous dlivrant son adresse IP.
Cest--dire que Google vous donne ladresse de connexion (IP) de celui qui tente de
vous pirater.
Il est prfrable de donner un prnom et un nom lors de la cration du compte. La cration de votre
compte pourrait tre retarde si vous inscivez des mots qui ne ressemblent pas des noms.
Cependant vous pouvez toujours indiquer un prnom, et mettre le nom que vous souhaitez. Vous ntes
pas obligs de donner votre nom et prnom.
Lorsque vous serez connect, un ensemble dicnes appatrons en haut droite sur la page de recherche
de google. En cliquant sur licne de droite, vous pourrez vous dconnecter.
Suivez ensuite les instructions qui vous sont demands.
Lorsque vous tes connect votre compte GOOGLE, ds que vous ouvrez un nouvelle page de
recherche, votre espace de connexion et de gestion de votre compte saffiche en haut droite.
En cliquant sur licne Applications, vous accdez tous les outils Google. Puis sur Plus en bas, vous
accdez dautres outils, dont Blogger. Google va vous proposer de crer un profil Google+, le rseau
social de Google, qui est aussi le deuxime rseau social mondial.
Vous ntes pas oblig de le crer tout de suite. Cliquez simplement sur Continuer vers Blogger. En
dcochant la case Notifications par email Annonce des fonctionnalits , vous ne recevrez pas
dinformations de la part de Google, par email.
Page 3
2014
Confirmation de votre profil

Cliquez sur le bouton orange : Continuer ver Blogger.
Puis cliquez sur le bouton blanc Nouveau blog
Une bote de dialogue souvre :

Page 4
2014
On vous demande un titre de blog. Ce titre figurera en entte sur votre blog. Vous pourrez le changer tout
moment. En dessous, une adresse vous est demande.
Cest :
ladresse URL de votre blog ou aussi

Ladresse internet de votre blog
Ou encore le nom de domaine de votre blog
Une fois choisi, celui-ci ne peut-tre chang. Par exemple :

http://formationlaragne.blogspot.fr/
Le nom de domaine choisi est formationlaragne Le suffixe
blogspot.fr signifie que vous tes hberg gratuitement par blogspot jusqu ce que vous
dcidiez ou non de changer votre hbergeur, en payant un hbergement sur un autre hbergeur.
Vous pouvez choisir ce que vous voulez en nom de domaine, et linscrire dans le champs : Adresse. Le
nom de domaine peut prendre diffrente forme :
formationlaragne
formation-laragne
formation.laragne
Les espaces, les majuscules, et les ponctuations autres que le tiret du 6 et le point ne sont pas autoriss.
Important
Lorsque vous remplissez le champs dadresse, si le nom de domaine est dj pris, un carr jaune
saffiche juste au dessous du champs pour vous indiquer que vous devez en trouver un autre car il est
dj pris. Une adresse internet est unique. Il ne peut y
avoir de doublons.
Lorsque le nom de domaine est autoris, un carr bleu
saffiche avec le message suivant : Cette adresse de blog
est disponible
Vous pouvez ensuite cliquer sur le modle de votre choix,
en sachant que cest simplement un aperu des modles.
Vous pourrez changer de modle autant de fois quil vous
plaira par la suite.
Cliquez ensuite sur le bouton orange Crer un blog .
Page 5
2014
Le nom de votre blog apparat. Ici par exemple : UTL Laragne en force .
cliquer sur le titre de

votre blog pour accder au Tableau
de bord.
Il suffit de
Avant tout, regardez bien tout autour.

Vous avez plusieurs choix :
Vous pouvez crer un nouveau blog

en cliquant sur le bouton blanc Nouveau
blog gauche.
Vous pouvez aussi crer et publier
directement un article en cliquant sur le
bouton orange qui contient un crayon.
Crer une page du blog, en
cliquant sur le bouton blanc marqu de feuilles, situ droite
Accder au Tableau de bord simplifi, avec la petite flche droite du bouton blanc des pages
Enfin Afficher le visuel du blog en cliquant sur le bouton Afficher le blog
En cliquant sur le titre de votre blog, nous accdons au Tableau de bord
Le Tableau de bord
Il vous permet de configurer lensemble de votre blog.
Vous allez pouvoir crer des pages, des articles, modifier la mise en page, rajouter des gadgets, modifier
le graphisme, la prsentation, la typographie, et les paramtres.
Par exemple pour crer des articles, vous pouvez le faire de 2 manires diffrentes.
Soit cliquer sur le bouton orange
Nouvel article
Soit cliquer sur le bouton blanc,
du crayon
A tout moment vous pouvez avoir un
VISUEL de votre blog en cliquant
sur Afficher le blog .
Page 6
2014
Le menu
Il vous permet de tout grer sur votre blog. Pour linstant, penchonsnous sur lessentiel.
Crer des Articles qui occuperont la page daccueil du blog

Crer des Pages qui pourront tre soit en onglets, soit sur les
bords de votre blog.
Grer la Mise en page : Cette partie vous permet de :
o Changer licne du blog : le favicon
o Modifier les paramtres du bas des articles
o Ajouter/Supprimer des Gadgets (Widget)
o Grer le pied de page
Grer les modles :
o Changer le modle tout moment
o Personnaliser votre blog
o Modifier la largeur, la mise en page (larchitecture du blog)
o Modifier la police, la couleur, le fond, du contenu total du blog.
Enfin les paramtres :
o Changer le titre du blog
o Sa description
o Modifier des paramtres propres votre blog
o Insrer une balise Mta de description pour rfrencer chaque article de votre blog
o Enfin, dans AUTRE, vous pouvez supprimer ce blog.
En cliquant sur le bouton blanc au crayon, vous avez accs au visuel de votre blog
Pour linstant cest un peu vide.
Aucun article, la partie droite est galement pauvre, avec cette
simple prsentation. (Tout fait possible dtre retire tout
moment)
Nous allons le remplir un peu si
vous le voulez bien.
Page 7
2014
Le Blog, ldition : les ARTICLES

Revenons notre tableau de bord. Cliquez sur le bouton orange
Nouvel Article
Une nouvelle fentre souvre, avec la possibilit de crer un article.
En haut vous, avez toujours la possibilit dafficher le blog.
A droite du mot Article renseignez le TITRE DE LARTICLE
Au-dessous une page blanche, avec un menu minimaliste de traitement
de texte.
Pour accder au blog en ligne RECOPIEZ CE

dans la barre dadresse de votre
navigateur :
http://utldelaragne.blogspot.fr/
Page 8
2014
Reprenons plus en dtail cette barre de menu.
En passant la souris sur les icones, de gauche droite nous avons :
Un bouton rdiger qui vous permet de rdiger directement sur la page, un article
Un bouton HTML permet dinsrer des lments en HTML (le script)
Deux flches pour annuler chaque action et la rtablir
Un icne F avec une petite flche droite vous permet de changer la police de votre article.
Attention il n'y a que les polices types dinternet. (7 polices). La police par dfaut de votre page,
pourra tre dfinie ailleurs, dans le menu MODELE/PERSONNALISER/AVANCES. Nous le verrons
ultrieurement.
Un icne T avec une petite flche droite. Pour vous permettre daugmenter la taille de votre
texte.
Un champs Normal avec une flche, permet de crer des TITRE, sous-titre, PARAGRAPHE ou
texte NORMAL
Les icnes habituels Gras, Italique, Soulign , barr,
Le icne A pour changer la couleur de la police
Et licne avec un crayon pour surligner votre texte.
Le lien Associer sert rajouter un lien hypertexte sur un mot ou une phrase, renvoyant un
autre site, ou une page web.
Un icne IMAGE suivi dun CLAP pour insrer images et vido
Licne : Insrer un marqueur dexpansion. Lorsque vous rdigez un article, celui-ci se retrouve
obligatoirement en page daccueil. Si votre article est long, il prendra toute la page. Hors la page
darticles peut contenir plusieurs articles, ce qui fait que vous risquez de vous retrouver avec une
page daccueil rallonge . Vous pouvez insrer ce marqueur dexpansion o vous le souhaitez
dans le texte afin que vos lecteur, puissent avoir un visuel court sur la page daccueil, et cliquer
sur plus dinfo
Licne Alignement vous permet de justifier et centrer votre texte.
Licne Liste puce, vous permet dinsrer de puces pour arer votre prsentation par points.
Licne Citation, vous permet de dgager une phrase du reste du texte.
Licne Tx : Supprimer la mise en forme, supprime le formatage dun texte que vous auriez
copier sur un autre site internet, dailleurs si vous le faites, cest fortement conseill.
Enfin licne ABC corrige les fautes dorthographe.
Page 9
2014
Paramtres des articles

Ces paramtres sont identiques la fois la cration
dun article ou dune page.
Le bouton PUBLIER va publier directement larticle ou la
page en ligne.
Le bouton ENREGISTRER, va conserver votre article ou
votre page dans les brouillons, sans les publier.
Aperu, comme son nom lindique, permet davoir un
visuel avant la publication.
Et Fermer, ferme sans enregister le document.
Paramtres des articles

Les libls permettent de rajouter des mots-cls sur chaque article que vous crez. Ils se retrouve au bas
de larticle et peuvent renseigner les visiteurs sur le sujet trait dans larticle, avant den prendre
connaissance.
Planifier : Avec ce paramtre vous pouvez dfinir lheure et la date de chaque page ou article que vous
crez. Ainsi, si vous souhaitez repositionner en page daccueil, un article dj paru il y a quelque temps
et qui napparat plus en page daccueil, en changeant la date, vous le faite remonter dans le fil
dactualit.
Lien permanent : Cest ladresse URL de votre page ou de votre
article, tel quil apparatra sur internet. Cela vous permet doptenir
rapidement le lien de votre article ou de votre page, afin de le
partager plus facilement, ou dinviter des personnes le visiter,
sans passer par le visuel.
Localit : Si vous crez un article ou une page vnement avec un
lieu et une date, il est possible dindiquer la localit gographique.
Enfin les Options : Pour autoriser ou ne pas autoriser, afficher ou
non les commentaires des lecteurs.
Modifier galement les paramtres du Mode rdiger HTML ou
SAISIE de votre document. Si vous ne matrisez pas le HTML, il est
prfrable de cocher les boutons de SAISIE : comme ceci :
Interprter le code HTML saisie
Page 10
2014
Appuyer sur Entre pour insrer des sauts de ligne.
Enfin appuyer sur OK pour valider.
Le Blog, ldition : les PAGES

De retour dans votre tableau de bord, cliquez sur PAGES
Pour linstant il ny a que la page daccueil. En cliquant sur le mot Accueil vous
pouvez uniquement changer le nom de la page, mais pas son contenu, puisque le
contenu sur gre avec les ARTICLES.
Un bouton blanc avec sa petite flche : Nouvelle page vous permet de crer
une nouvelle page, ou une redirection de page vers un site web. Cette page
saffichera la suite du bloc Accueil. En cliquant sur la partie grise gauche du bloc de page, vous
pouvez modifier lordre des pages.

Enfin, un bouton blanc : Ne pas
afficher avec sa petite flche, vous
permet de dfinir quel endroit
vous souhaitez voir apparatre vos
pages.
Soit dans les onglets en haut de
page, soit dans les liens latraux,
soit ne pas les afficher.
Page 11
2014
Pour crer une page, cliquez sur Nouvelle page , cest la mme disposition que pour crer un article.
Pour chaque changement de paramtre, noubliez pas de cliquer sur le bouton orange
ENREGISTRER LA DISPOSITION en haut droite de votre cran.
Insrer des images
Lorsque vous crez un nouvel article,

ou page, en cliquant sur licne Insrer
une image vous pouvez insrer des
images provenant de diverses sources.
Une fentre Slectionnez un fichier
souvre.
En haut gauche, un menu, avec le mot
Importer en rouge. En face, un
bouton Choisir les fichiers ouvre
une bote de dialogue pour choisir des
photo ou images depuis votre
ordinateur.
Page 12
2014
Vous pouvez insrer des images dans le blog de plusieurs manires :
Importer : depuis votre ordinateur

Depuis ce blog : si votre image est dj importe.
Depuis un album Picasa en ligne
Depuis votre mobile
Depuis votre webcam
Depuis une URL : une URL est une adresse internet.
Vous avez des adresses internet de site, mais aussi des adresses dimages.
Cela vous vite de tlcharger les images mettre sur votre blog.
Attention, si vous utilisez Internet Explorer, vous ne pourrez pas passer par
cette fonction. Attention galement aux droits des images.
Cette fonctionnalit est particulirement recommande sur vous faites de la curation . La curation
cest de trouver une information pertinante sur internet, qui peut concerner vos internautes, copier le
dbut du texte et se servir de limage, ajouter un lien au bas du texte qui renvoie sur la page internet de
larticle en question.
Cest une action gagnant/gagnant, car vous vous servez dun contenu pertinent pour vos lecteurs, qui
existe dj, et permettez lauteur de cet article daugmenter sa visibilit en le partagez avec vos
internautes par lintermdiaire de votre blog. Il ne sagit en rien de voler des images ou du contenu.
Pour cela, il suffit de cliquer droit sur limage qui vous intresse, choisissez Copier ladresse de
limage (ATTENTION : NE PAS COPIER

LIMAGE) puis revenez sur ldition de
votre blog, cliquez sur Depuis une URL,
insrez le lien dans le champs.
Prcision : si vous ntes pas sr

davoir copi ladresse de limage,
assurez-vous
de
refaire
la
manipulation.
Si par mgarde vous copiez limage et
non pas ladresse URL de limage il
vaut mieux de pas linsrer dans une
page.
Copier une image et linsrer gnre
un script en interne sur tout le blog, trs difficile voire impossible supprimer. Il faudrait le
refaire entirement.
Page 13
2014
Intgrer limage :
Lorsque votre image est
intgre dans votre page ou
votre article, cliquez une
fois sur cette image.

Elle devient bleu et une barre
de paramtre apparat.
Vous pouvez changer sa
taille. La justifier : Gauche
Centrer Droite
Le texte se retrouvera coll
limage en pousant ses
contours.
Ajouter une lgende ou la
supprimer.
Le Blog, ldition : LA MISE en PAGE
Voici quoi ressemble pour linstant votre mise en page.
Page 14
2014
Il sagit de larchitecture de votre blog. Vous pouvez modifier la struture en allant sur
MODELE/PERSONALISER/ MISE EN PAGE. (Nous verrons cela dans le chapitre MODELE).
Le favicon :
En cliquant sur Modifier, vous changez
licne de votre blog, vous pouvez ainsi
mettre votre logo en icne du blog.
Une fentre souvre : Configurez le

favicon. Vous devez travailler un logo ou limage de licne pour quelle soit carre, et infrieure 100
ko. En cliquant sur parcourir, tlchargez votre icne.
Modifier len tte :

En cliquant sur modifier, changez le
titre du blog, sa description.
Vous pouvez ajouter une image, soit
en la tlchargeant, soit en linsrant
depuis une adresse URL dimage.
Dcidez de son emplacement en cochant les cases que vous

souhaitez dans la partie Emplacement.
Enfin cliquez sur ENREGISTRER.
Page 15
2014
Pages :
Configurez ici aussi lordre des pages et de
leur emplacement.
Pour lemplacement, vous pouvez dcidez de les mettre en

Onglets, ou en liste de liens dans la partie des gadgets (colonne
latrale).
Articles du blog :
Vous paramtrez laffichage de vos
articles en page daccueil.
Par exemple, dfinissez du nombre darticles sur la page

daccueil.
Lorsque vos articles sont trop long et que vous y insrer un
marqueur dexpansion, dcidez de changer le Plus dinfo qui
sera un lien pointant vers la totalit de votre article.
Noubliez pas de descendre tout en bas pour ENREGISTRER vos modifications.
Page 16
2014
Ajouter un Gadget :
Un gadget (en anglais "widget") est un des
lments du blog qui apparaissent l'cran
pour vos internautes.
En cliquant et en maintenant appuy sur
cette partie grise, modifiez lemplacement
du widget.
Les gadgets sont par exemple : des liens
vers les rseaux sociaux, un traducteur, les
barres de recherche, les publicits, des
statistiques du blogs, linscription de vos
internautes un fil dactualit de votre page daccueil,
des liens vers vos sites prfrs etc
Cliquez sur ajouter un gadget.

Sur le menu de gauche, vous avec un menu.
Actuellement le menu Gnral saffiche. Descendez le
curseur, beaucoup de gadgets vous sont proposs.
Vous pouvez galement cliquer sur Plus de gadgets. Ou
encore Ajouter vos propres gadgets.
Lisez-les, essayez-les. Ceux dont le titre est en noir sont
dj intgrs dans votre site. Cest le cas ici, du tout
dernier (PAGE)que nous voyons peine. A droite, vous
avez la mention Dj ajout .
Vous pouvez galement mettre des gadgets en bas de page. En fait, partout o vous trouvez le champs
Ajouter un gadget .
Tout au bas de la page, vous pouvez modifier les attributions et les droits dauteurs du blog. Cliquez sur
modifier, et ajoutez vos noms, prnoms, ou organisation.
Page 17
2014
Le Blog, ldition : les MODELES
Ce menu vous permet de modifier laspect graphique de votre blog.

Un visuel de votre blog est affich, ainsi que lapparence sur un tlphone mobile. En descendant sur la
page, vous avez accs des modles trs divers. Certains sont plus personalisables que dautres. En
cliquant sur le bouton Personnaliser vous accdez aux paramtres de rglages des thmes.
Page 18
2014
Les modles :
Ici vous dcidez une nouvelle fois de changer de thme.

Attention ! Changer de thme efface toutes les modifications graphiques et visuelles que vous avez
dfini dans le menu Avanc . Plusieurs choix dans les thmes vous sont proposs.
A tout moment vous avez la possibilit davoir un visuel (Afficher le blog), denregistrer vos
modifications (Appliquer au blog), ou de retourner sur le Tableau de bord (Retour Blogger), en haut et
droite de cette mme page.
Larrire plan :
Permet de dfinir le fond de votre blog, et les couleurs de votre thme principal.
Cette petite flche permet de choisir des fonds dcran prdfinis, ou dimporter les vtres.
Les images darrire-plan sont classes par thmes.
Vous pouvez importer un fichier (image) en JPG, GIF ou
PNG, de 300 Ko maximum. Pour couvrir entirement
l'arrire-plan, utilisez une image de 1 800 x 1 600 pixels ou
plus. Elle doit pas dpasser 300 ko. La rsolution peut-tre
plus basse sur internet : 72 ou 92 dpi suffisent. A modifier
dans votre gestionnaire dimage (Photoshop ou Gimp par
exemple).
Page 19
2014
Ajuster la largeur :
Permet de dfinir la largeur de votre blog, ainsi que la largeur de la Barre latrale droite (Gadgets). Les
crans actuels sont plus larges, vous pouvez monter la largeur, en poussant le curseur blanc sur la barre
du haut 1050 px par exemple.
Mise en page :
Cest ici que vous allez pouvoir dfinir o vous souhaitez quapparaisse votre barre latrale (Gadget) et
larchitecture de votre blog. Vous pourrez observer ces changements et les paramtrer dans le
Tableau de bord au menu Mise en page .
Avanc :
Ce menu vous permet de paramtrer la police de votre blog (typographie) dans son intgralit, sa taille,
sa couleur, la couleur des liens, de vos onglets, de votre menu, la couleur des gadgets, etc
Cela deviendra vos paramtres par dfaut de lensemble du blog. Si vous modifiez le thme, tout
seffacera.
Page 20
2014
Les paramtres gnraux :

De retour sur le Tableau de bord , cliquez sur le dernier menu en bas gauche, Paramtres . Un
menu droulant saffiche.
Vous pouvez modifier les paramtres gnraux de votre blog.
Basique :
o Modifiez le titre de votre blog en cliquant sur Modifier .
o Rajoutez une description, qui se trouvera juste au dessous du titre du blog.
o Modifiez les paramtres de confidentialit.
o Dans la partie Edition vous pouvez dcider de changer le nom de domaine (payant, car
hbergement).
o Enfin, dans les Autorisations, dcidez si vous souhaitez que votre blog soit priv ou public.
Publications et commentaires :
o Dfinissez du nombre darticles visibles en page daccueil.
o Exposez les images en mode Lightbox, permet vos internaute de visualiser vos images
en plus grand, en cliquant sur les images.
o Choisissez si vos internautes peuvent commenter vos publications,
o Etc
Page 21
2014
Email et mobile
o Paramtrez lenvoie darticles par SMS
o Paramtrez vos envoie darticles en EMAIL
o Slectionnez vos contacts
Langue et mise en forme
o Dterminez la langue de votre blog
o Le fuseau horaire pour quil puisse prendre en compte la date et lheure de publication.
o Le format date et heure.
(voir la suite en page suivante)
Page 22
2014
Prfrence de recherche :
o Activez la Balise Mta Description
Cette Balise Mta vous permet dinsrer une description meta dans toutes vos pages et tous vos
articles, de faon mieux rfrencer vos pages et vos articles dans les moteurs de recherhce, avec leurs
descriptions. Utilisez des mots-cls, ou des phrases mots-cls, ou encore copier/coller une phrase
essentielle de votre contenu, permet de mieux rfrencer les pages ou articles de votre blog.
Autres : permet entre autre de faire une sauvegarde du blog, ou de le supprimer.
Page 23

Tutoriel Blogger

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Tutoriel Blogger

Transféré par

Droits d'auteur :

Formats disponibles

Tutoriel Blogger janvier

Regardez la page daccueil, qui est une suite darticles.

Comment crer le blog