Initiation à la création
        d’un blog
      avec Blogger


             L’@telier

      L'@telier ‐ 2009 ‐ Médiathèq...
Les Blogs
•Système dynamique de                        • Exemple :  Blogger : service en 
                                ...
Les blogs
• Un blog ou blogue est un site Web constitué par la 
  réunion de billets classés la plupart du temps par ordre...
•Le principe du blog (contraction de web log = journal web) est un 
support de publication en ligne simple et rapide à met...
Hébergés ou sur un serveur  ?



Avantages:
Blog crée en 3 minutes, aucune 
opération technique n’est nécessaire
         ...
La blogosphère




      Article sur l’état 
de la blogosphère en 2008

     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   6
Généralités 
• Un blog peut être au choix un journal personnel, une tribune, 
  un lieu d’échanges, de débat, etc. Vous po...
Le vocabulaire du blogueur
•   Blog :  site Web constitué par la réunion d’un ensemble de billets classés par ordre 
    c...
Quelle plateforme choisir ?

                          DOSSIER COMPLET / CLIQUER ICI
                          http://www....
Publier son blog
• La publication d’un blog se fait tout simplement à l’aide de 
  formulaires. Un simple clic suffit pour...
Blog hébergé sur un serveur

• Si l’idée d’avoir un blog identique à tous les 
  autres ne vous plait pas, que vous souhai...
L’ hébergement
• L’ hébergeur
De nombreux hébergeurs vous offrent, gratuitement ou non, d’héberger
votre site web. Cela si...
Les moteurs de blog


Un moteur de blog est un logiciel qui permet de réaliser des sites
web basés sur le principe du blog...
Les moteurs de blog
En voici quelques‐uns :
• BlogCMS http://blogcms.com/

• Dotclear http://www.dotclear.net/

• Serendip...
Hébergement gratuit ou payant ?

• Concernant le choix d’une plateforme 
  d’hébergement, je vous invite à la lecture de r...
Créer son blog
CREATION D’UN 
     BLOG 
     chez
 « BLOGGER » 




        L'@telier ‐ 2009 ‐ Médiathèque de Lorient   16
Blogger est une plateforme de Blogs 
      appartenant au groupe Google.
•
    Avec Blogger, vous aurez la possibilité de ...
Un blog ?




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   18
A quoi ça sert ?




 L'@telier ‐ 2009 ‐ Médiathèque de Lorient   19
Un lien social ?




 L'@telier ‐ 2009 ‐ Médiathèque de Lorient   20
La présentation du blog




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   21
Envoyer des photos




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   22
Blogger de votre téléphone




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   23
On démarre…




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   24
Prêts à créer votre blog sur Blogger ?
•   Quant au tableau de bord, il gère l’ensemble de vos blogs et votre profil 
    ...
Accès à la plateforme de blog

                                                    Connectez 
                            ...
La suite…
•   3.  Sur la page qui paraîtra mettez votre adresse email dans les deux 
    premières cases
    L’adresse ema...
Puis ..
•   5. Sur la case suivante, vous mettrez votre « Nom d’affichage ». C’est le 
    nom qui apparaîtra à la fin de ...
C’est prêt…
•   8. Dès que vous avez bien remplies les 5 étapes précédentes, vous pouvez cliquer sur 
    « Continuer ». 
...
Créer votre compte




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   30
Un compte Google




  L'@telier ‐ 2009 ‐ Médiathèque de Lorient   31
Choisir un nom




 L'@telier ‐ 2009 ‐ Médiathèque de Lorient   32
L’adresse URL




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   33
Choisir son modèle




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   34
C’est fait




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   35
Mon premier article




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   36
Je peux insérer divers éléments




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   37
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   38
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   39
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   40
Le mode administrateur : les paramètres




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   41
Le mode administrateur : Edition




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   42
Le mode administrateur : Archivage




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   43
E‐Mail




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   44
Le blog sur internet




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   45
Votre page d’accueil – côté public




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   46
Mise en page




L'@telier ‐ 2009 ‐ Médiathèque de Lorient   47
Les éléments de la page




Chacun des éléments est
modifiable, déplaçable selon
sa nature
                      L'@telier...
Polices et couleurs




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   49
Modifier le code HTML




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   50
Changer de modèle




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   51
Ecrire un second article




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   52
Ecrire…penser aux mots‐clés




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   53
Modifier les messages




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   54
Ajouter une image




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   55
Récupération d’une image 
  dans notre ordinateur




     L'@telier ‐ 2009 ‐ Médiathèque de Lorient   56
Aperçu de l’article avec la nouvelle image




            L'@telier ‐ 2009 ‐ Médiathèque de Lorient   57
Insérer une vidéo

Cas n° 1,
vous avez
repéré une
vidéo sur
une
plateforme
de partage
de vidéos.




                     ...
Capture du code à insérer

Suivre le conseil
du site




                    L'@telier ‐ 2009 ‐ Médiathèque de Lorient   59
Coller le code en ouvrant 
« modifier le code HTML »




       L'@telier ‐ 2009 ‐ Médiathèque de Lorient   60
Sauvegarder, ou publier l’article 




          L'@telier ‐ 2009 ‐ Médiathèque de Lorient   61
C’est fait, regardez le résultat




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   62
Vue du site, la vidéo apparait, 
     prête à être lancer




         L'@telier ‐ 2009 ‐ Médiathèque de Lorient   63
Accéder à votre blog depuis votre 
        compte Google




           L'@telier ‐ 2009 ‐ Médiathèque de Lorient   64
Blogger
Vous pouvez créer et gérer plusieurs blog, depuis
votre compte Google




                  L'@telier ‐ 2009 ‐ Méd...
De la musique dans votre blog
                Pas si simple …
    Tout d’abord, il faut héberger son fichier son, sur un s...
Musique
• B.  Vous pouvez aussi proposer une console où les visiteurs 
  pourront contrôler le volume, et auront la possib...
<embed autostart=quot;falsequot; height=quot;40quot; loop=quot;truequot; playcount=quot;2quot;
    src=quot;URL du fichier...
Et c’est terminé…

•   C.  Enfin, vous pouvez insérer la musique dans le code html de votre blog 
    afin que celle‐ci jo...
Un blog sur Blogger




   L'@telier ‐ 2009 ‐ Médiathèque de Lorient   70
FIN
• Blogger c’est pas très compliqué, c’est sans 
  pub, c’est gratuit.

• Alors, si on en a envie, pourquoi s’en priver...
Prochain SlideShare
Chargement dans…5
×

Blogger 2009

2 962 vues

Publié le

tutoriel d'initiation aux blogs, avec la plateforme Blogger

Publié dans : Formation
0 commentaire
4 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 962
Sur SlideShare
0
Issues des intégrations
0
Intégrations
468
Actions
Partages
0
Téléchargements
86
Commentaires
0
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Blogger 2009

  1. 1. Initiation à la création d’un blog avec Blogger L’@telier L'@telier ‐ 2009 ‐ Médiathèque de Lorient 1
  2. 2. Les Blogs •Système dynamique de • Exemple :  Blogger : service en  ligne de création de blog, gratuit  gestion de site web à partir et sans publicité, proposé par  duquel une ou plusieurs Google personnes s’expriment régulièrement sous la forme de billets classés par ordre chronologique peuvent interagir avec leurs visiteurs via les commentaires •Outil d’auto-publication et de conversation L'@telier ‐ 2009 ‐ Médiathèque de Lorient 2
  3. 3. Les blogs • Un blog ou blogue est un site Web constitué par la  réunion de billets classés la plupart du temps par ordre  anti‐chronologique (les plus récents en premiers). • Chaque billet (appelé aussi note ou article) est, à l'image  d'un journal de bord ou d'un journal intime, un ajout au  blog ; le blogueur (celui qui tient le blog) y délivre un  contenu souvent textuel, enrichi d'hyperliens et  d'éléments multimédias, sur lequel chaque lecteur peut  généralement apporter des commentaires. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 3
  4. 4. •Le principe du blog (contraction de web log = journal web) est un  support de publication en ligne simple et rapide à mettre en  œuvre.  •Le blog permet aux lecteurs de réagir via les commentaires. • Les blogs proposent des fils RSS de façon native •Comment créer un blog ? ‐ Ouvrir un compte chez un hébergeur ‐ Ou installer un logiciel (Wordpress ou Dotclear) sur un serveur Aucune connaissances techniques n’est nécessaire si on choisit un hébergeur L'@telier ‐ 2009 ‐ Médiathèque de Lorient 4
  5. 5. Hébergés ou sur un serveur  ? Avantages: Blog crée en 3 minutes, aucune  opération technique n’est nécessaire Avantage: Inconvénient: Blog entièrement maitrisé, le code  Peu de personnalisation ou alors en  est accessible. version payante;  difficile de quitter la plateforme pour  Inconvénient : changer de blog ou le faire évoluer… L’installation et la personnalisation  demandent un minimum de  compétences techniques . L'@telier ‐ 2009 ‐ Médiathèque de Lorient 5
  6. 6. La blogosphère Article sur l’état  de la blogosphère en 2008 L'@telier ‐ 2009 ‐ Médiathèque de Lorient 6
  7. 7. Généralités  • Un blog peut être au choix un journal personnel, une tribune,  un lieu d’échanges, de débat, etc. Vous pouvez vous en servir  pour donner votre avis, faire entendre votre voix sur le Web. • Vous pouvez inclure toutes les informations de votre choix  dans votre blog.  • Il s’agit d’un site Web sans cesse en mutation, vivant. Le  principe est de publier des notes, régulièrement, afin quelles  soient commentées par les internautes qui visitent vos pages. • Généralement, un gros quart d’heure suffit à lancer votre blog  et à publier votre premier article.  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 7
  8. 8. Le vocabulaire du blogueur • Blog :  site Web constitué par la réunion d’un ensemble de billets classés par ordre  chronologique, à l’image d’un journal de bord . • Blogueur : personne a qui appartient le blog. • Blogroll : liste de liens externes inclus sur les pages d’un blog . • Metablog  : blog lui‐même consacré aux blogs, ou au phénomène du blogging. • Moblog  : contraction de “Mobile Blog”. Caractérise un blog pouvant être mis à  jour à distance et en restant “mobile”, par exemple via un téléphone mobile ou un  assistant numérique. • Rétrolien  (en anglais trackback) est un système de liens inter‐blogs semi‐ automatisé. Il permet aux auteurs de relier des billets de blogs différents et parlant  du même sujet, ou se faisant référence.  • Flux rss : système utilisé pour diffuser les mises à jour de sites dont le contenu  change fréquemment. L’utilisateur s’abonne aux flux, ce qui lui permet de  consulter rapidement les dernières mises à jour sans avoir à se rendre sur le site. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 8
  9. 9. Quelle plateforme choisir ? DOSSIER COMPLET / CLIQUER ICI http://www.infos-du-net.com/actualite/dossiers/45-blogs.html La liste,  page suivante, recense les principaux hébergeurs de blog,  elle n’est pas exhaustive. Le choix d’un hébergeur dépend du coût (beaucoup sont gratuits),  des fonctionnalités offertes et du look’n'feel (spécifications) de  l’interface. Pour créer son blog une étape indispensable consiste à ouvrir un  compte sur l’hébergeur de blog en remplissant le formulaire  d’inscription. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 9
  10. 10. Publier son blog • La publication d’un blog se fait tout simplement à l’aide de  formulaires. Un simple clic suffit pour poster une note, un  commentaire, une image, voire parfois une vidéo.  • Toutefois, pour permettre au blog d’être lu par le plus grand  nombre, il sera généralement nécessaire d’activer l’option  “Syndication de contenu” ou “Fil RSS” afin de générer  automatiquement un fil RSS, c’est‐à‐dire un fichier utilisable  par les autres blogueurs pour publier vos notes sur leur blog ! • ( Plus d’information sur les fils RSS : http://www.commentcamarche.net/www/rss.php3 ) L'@telier ‐ 2009 ‐ Médiathèque de Lorient 10
  11. 11. Blog hébergé sur un serveur • Si l’idée d’avoir un blog identique à tous les  autres ne vous plait pas, que vous souhaitez  personnaliser ce dernier entièrement et que  mettre les mains dans le cambouis ne vous fait  pas peur (xhtml, css, php, installation de  modules, …), alors rien de tel que de passer à  l’étape supérieure. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 11
  12. 12. L’ hébergement • L’ hébergeur De nombreux hébergeurs vous offrent, gratuitement ou non, d’héberger votre site web. Cela signifie que vous pouvez aussi choisir d’utiliser cet espace  pour y installer un blog. • Le principe Vous déposez sur votre serveur un ensemble de fichiers, très souvent,  vous procédez à une installation en ligne, et c’est parti !  • L’avantage, c’est que vous êtes le seul maitre à bord. Un nouveau plugin  vous intéresse ? Vous l’installez. Vous êtes graphiste et les thèmes  proposés par défaut ne vous plaisent pas ? Vous faites le vôtre, unique.  • Cela signifie aussi que s’il y a un problème de fonctionnement, c’est votre  faute… et que les mises à jour (indispensables pour la sécurité de votre  blog) vous incombent. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 12
  13. 13. Les moteurs de blog Un moteur de blog est un logiciel qui permet de réaliser des sites web basés sur le principe du blog. Il fait partie des systèmes de gestion de contenu (CMS). Ils sont parfois appelés logiciels de blog. Les plus connus sont Dotclear et WordPress, mais ce ne sont pas les seuls. Les communautés de Dotclear et WordPress sont très actives et vous  trouverez de l’aide pour tous vos soucis. De plus, de très nombreux plugins additionnels sont proposés pour  ajouter des fonctionnalités à votre blog.  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 13
  14. 14. Les moteurs de blog En voici quelques‐uns : • BlogCMS http://blogcms.com/ • Dotclear http://www.dotclear.net/ • Serendipity  http://www.s9y.org/ • SimplePHPblog  http://www.simplephpblog.com/ • WordPress http://fr.wordpress.org/. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 14
  15. 15. Hébergement gratuit ou payant ? • Concernant le choix d’une plateforme  d’hébergement, je vous invite à la lecture de revues  spécialisées. Ce monde évolue sans cesse. • Le choix est à faire selon l’ambition de votre blog. • Vous pouvez également lire cet article du blog de  l’@telier ou cet autre article du site Clubic.com. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 15
  16. 16. Créer son blog CREATION D’UN  BLOG  chez « BLOGGER »  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 16
  17. 17. Blogger est une plateforme de Blogs  appartenant au groupe Google. • Avec Blogger, vous aurez la possibilité de faire un blog sans être un expert  dans le domaine.  • Moins d’une minute suffit à lancer votre blog puisqu’il vous suffit pour  cela de lui trouver un nom (non encore utilisé) puis de lui affilier un  modèle. Lorsque vous postez un article, vous pouvez paramétrer la police  de caractère et sa taille. La mise en page est facilitée par le placement et  la redimension des images. Vous avez  la possibilité de joindre une photo  déjà en ligne, via son URL. Si vous possédez le logiciel Picasa, nous ne  saurions trop vous conseiller l’option Blog this qui permet de poster en un  clic toutes les photos de votre choix directement vers votre espace  personnel en ligne. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 17
  18. 18. Un blog ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 18
  19. 19. A quoi ça sert ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 19
  20. 20. Un lien social ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 20
  21. 21. La présentation du blog L'@telier ‐ 2009 ‐ Médiathèque de Lorient 21
  22. 22. Envoyer des photos L'@telier ‐ 2009 ‐ Médiathèque de Lorient 22
  23. 23. Blogger de votre téléphone L'@telier ‐ 2009 ‐ Médiathèque de Lorient 23
  24. 24. On démarre… L'@telier ‐ 2009 ‐ Médiathèque de Lorient 24
  25. 25. Prêts à créer votre blog sur Blogger ? • Quant au tableau de bord, il gère l’ensemble de vos blogs et votre profil  (puisque vous pouvez créer plusieurs blogs depuis le même compte  Google). Pour supprimer votre blog, vous devrez vous rendre dans les  Paramètres/Standard de votre interface de création. • Prêts à créer votre blog sur Blogger ?  Alors, suivez les étapes suivantes :  1. Allez sur la page d’accueil de Blogger  (http://www.blogger.com) ou sur Google . 2. Cliquer sur la flèche « créez votre blog » L'@telier ‐ 2009 ‐ Médiathèque de Lorient 25
  26. 26. Accès à la plateforme de blog Connectez  vous sur  Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 26
  27. 27. La suite… • 3.  Sur la page qui paraîtra mettez votre adresse email dans les deux  premières cases L’adresse email que vous mettrez, une adresse Gmail (Google Mail) ou  autre,  est celle que vous utiliserez comme « Nom d’utilisateur » et qui  vous permettra de vous connecter à chaque fois que vous voudrez aller  sur votre compte Blogger.  • Ce nom d’utilisateur doit rester secret et être connu seulement par vous  pour éviter que quelqu’un d’autre ne l’utilise pour se connecter à votre  compte et publier sur votre blog.  • Il en est de même pour le « Mot de passe ». 4.  Sur le deux cases suivantes, celle où vous avez mis votre adresse email,  mettez votre « Mot de passe ».  • Il doit être identique pour les deux cases et comporter au moins 6  caractères. Vous pouvez y mélanger des lettres, des chiffres, points,  virgules, tirets, etc. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 27
  28. 28. Puis .. • 5. Sur la case suivante, vous mettrez votre « Nom d’affichage ». C’est le  nom qui apparaîtra à la fin de chacun de vos messages (articles/billets) et  qui indiquera l’auteur de celui‐ci.  6. L’une des dernières choses à faire sur la page est de mettre le mot de  vérification qui apparaît.  • C’est une mesure de sécurité prise par Blogger pour s’assurer que ce ne  sont pas des robots qui créent des blogs, mais plutôt des personnes  humaines. 7. Cochez sur la petite case après « Conditions d’utilisation » pour  accepter celles‐ci. Vous pouvez lire ces conditions en cliquant sur la phrase  « Conditions d’utilisation » qui est en bleu L'@telier ‐ 2009 ‐ Médiathèque de Lorient 28
  29. 29. C’est prêt… • 8. Dès que vous avez bien remplies les 5 étapes précédentes, vous pouvez cliquer sur  « Continuer ».  • Vous serez conduit sur une nouvelle page si aucune anomalie n’est constatée.  • Au cas contraire, vous devrez voir ce qui n’a pas été accepté et le corriger, en n’oubliant  pas de mettre les nouveaux mots de vérification qui apparaîtront.  9. Vous serez maintenant amené à choisir un modèle parmi les 16 proposés par Blogger. • Ce modèle est en quelque sorte l’habit que portera votre blog,  vous pourrez en  changer quand vous aurez fini la création de votre blog. Pour choisir un modèle, cochez sur la petite case ronde à côté du nom de celui‐ci et  cliquez sur continuer. • 10. Sur la page suivante, vous recevrez la confirmation que votre blog a été créé et que  vous pouvez désormais y publier des messages (articles). Cliquez sur quot;Publier des  messagesquot; L'@telier ‐ 2009 ‐ Médiathèque de Lorient 29
  30. 30. Créer votre compte L'@telier ‐ 2009 ‐ Médiathèque de Lorient 30
  31. 31. Un compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 31
  32. 32. Choisir un nom L'@telier ‐ 2009 ‐ Médiathèque de Lorient 32
  33. 33. L’adresse URL L'@telier ‐ 2009 ‐ Médiathèque de Lorient 33
  34. 34. Choisir son modèle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 34
  35. 35. C’est fait L'@telier ‐ 2009 ‐ Médiathèque de Lorient 35
  36. 36. Mon premier article L'@telier ‐ 2009 ‐ Médiathèque de Lorient 36
  37. 37. Je peux insérer divers éléments L'@telier ‐ 2009 ‐ Médiathèque de Lorient 37
  38. 38. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 38
  39. 39. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 39
  40. 40. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 40
  41. 41. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 41
  42. 42. Le mode administrateur : Edition L'@telier ‐ 2009 ‐ Médiathèque de Lorient 42
  43. 43. Le mode administrateur : Archivage L'@telier ‐ 2009 ‐ Médiathèque de Lorient 43
  44. 44. E‐Mail L'@telier ‐ 2009 ‐ Médiathèque de Lorient 44
  45. 45. Le blog sur internet L'@telier ‐ 2009 ‐ Médiathèque de Lorient 45
  46. 46. Votre page d’accueil – côté public L'@telier ‐ 2009 ‐ Médiathèque de Lorient 46
  47. 47. Mise en page L'@telier ‐ 2009 ‐ Médiathèque de Lorient 47
  48. 48. Les éléments de la page Chacun des éléments est modifiable, déplaçable selon sa nature L'@telier ‐ 2009 ‐ Médiathèque de Lorient 48
  49. 49. Polices et couleurs L'@telier ‐ 2009 ‐ Médiathèque de Lorient 49
  50. 50. Modifier le code HTML L'@telier ‐ 2009 ‐ Médiathèque de Lorient 50
  51. 51. Changer de modèle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 51
  52. 52. Ecrire un second article L'@telier ‐ 2009 ‐ Médiathèque de Lorient 52
  53. 53. Ecrire…penser aux mots‐clés L'@telier ‐ 2009 ‐ Médiathèque de Lorient 53
  54. 54. Modifier les messages L'@telier ‐ 2009 ‐ Médiathèque de Lorient 54
  55. 55. Ajouter une image L'@telier ‐ 2009 ‐ Médiathèque de Lorient 55
  56. 56. Récupération d’une image  dans notre ordinateur L'@telier ‐ 2009 ‐ Médiathèque de Lorient 56
  57. 57. Aperçu de l’article avec la nouvelle image L'@telier ‐ 2009 ‐ Médiathèque de Lorient 57
  58. 58. Insérer une vidéo Cas n° 1, vous avez repéré une vidéo sur une plateforme de partage de vidéos. 58 L'@telier ‐ 2009 ‐ Médiathèque de Lorient
  59. 59. Capture du code à insérer Suivre le conseil du site L'@telier ‐ 2009 ‐ Médiathèque de Lorient 59
  60. 60. Coller le code en ouvrant  « modifier le code HTML » L'@telier ‐ 2009 ‐ Médiathèque de Lorient 60
  61. 61. Sauvegarder, ou publier l’article  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 61
  62. 62. C’est fait, regardez le résultat L'@telier ‐ 2009 ‐ Médiathèque de Lorient 62
  63. 63. Vue du site, la vidéo apparait,  prête à être lancer L'@telier ‐ 2009 ‐ Médiathèque de Lorient 63
  64. 64. Accéder à votre blog depuis votre  compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 64
  65. 65. Blogger Vous pouvez créer et gérer plusieurs blog, depuis votre compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 65
  66. 66. De la musique dans votre blog Pas si simple … Tout d’abord, il faut héberger son fichier son, sur un site donné (Google ¨Page  creator par exemple) et garder l’url vers le fichier sur un fichier notepad • Voici maintenant les différentes façons dont vous pouvez proposer  de la musique sur votre blog • A. / Vous pouvez proposer lien où les visiteurs pourront cliquer pour écouter la  musique.  • Le code peut être mis dans un message ou dans un fichier HTML/JAVASCRIPT  (allez sur modèle, éléments de la page, cliquez sur “ajouter un nouvel élément”  et sur la pop‐up qui s’ouvre sélectionnez HTML/JAVASCRIPT”).  • <a href=quot;URL du fichier musicalquot;>Cliquez ici pour écouter la chanson</a> • L'@telier ‐ 2009 ‐ Médiathèque de Lorient 66
  67. 67. Musique • B.  Vous pouvez aussi proposer une console où les visiteurs  pourront contrôler le volume, et auront la possibilité d’activer  ou d’arrêter la lecture de la chanson.  • Voici le code qui peut être inséré dans un article ou un widget HTML/JAVASCRIPT • <embed autostart=quot;falsequot; height=quot;40quot; loop=quot;truequot; playcount=quot;2quot;  src=quot;URL du fichier musicalquot; width=quot;300quot;/></embed> L'@telier ‐ 2009 ‐ Médiathèque de Lorient 67
  68. 68. <embed autostart=quot;falsequot; height=quot;40quot; loop=quot;truequot; playcount=quot;2quot; src=quot;URL du fichier musicalquot; width=quot;300quot;/></embed> Voici quelques explications sur le code au dessus : • 1. Insérez l’URL de votre fichier musical dans le code. • 2. Le width qui est ici à 300, est la largeur que la console va occuper dans votre article ou  dans votre barre latérale.quot; Vous devez l’ajuster pour qu’elle s’affiche entièrement à l’endroit  où vous l’insérez • 3. Le height est la longueur de la console (ici 40). • 4. L’attribut autostart a deux options. Si vous mettez quot;truequot;, la musique commencera à jouer  automatiquement dès que la page de l’article ou du blog dans lequel elle est insérée est  chargé. C’est toujours mieux de mettre quot;falsequot; car vous ne savez pas si  vos visiteurs  souhaitent  écouter votre musique. • 5. L’attribut loop indique si la musique doit s’arrêter ou continuer à jouer après la première  fois. Si vous mettez quot;falsequot;, la musique s’arrête dès que le morceau arrive à la fin . Tandis que  si vous mettez quot;truequot;, la musique continuera à jouer jusqu’à ce que le visiteur appuie sur le  bouton pour stopper ou quand il quittera votre blog (soit la page sur laquelle la musique est  intégrée).  • 6. Vous pouvez aussi spécifier le nombre  de fois où la musique sera jouée en utilisant la  balise playcount=quot;2quot;. En mettant 2, la chanson sera jouée deux fois avant que la musique ne  s’arrête. Si vous voulez que la chanson ne soit joué qu’une seule fois, vous pouvez effacer  toute la balise playcount=quot;2quot; L'@telier ‐ 2009 ‐ Médiathèque de Lorient 68
  69. 69. Et c’est terminé… • C.  Enfin, vous pouvez insérer la musique dans le code html de votre blog  afin que celle‐ci joue à chaque page chargée sans donner la possibilité aux  lecteurs d’en contrôler la lecture.  • Pour cela, il vous suffit d’aller sur « modèle », « modifier le code html » et  là,  mettre le code suivant juste après la balise <Head> :  <embed autostart=quot;truequot; height=quot;0quot; loop=quot;truequot; src=quot;URL du fichier  musicalquot; width=quot;0quot;/>  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 69
  70. 70. Un blog sur Blogger L'@telier ‐ 2009 ‐ Médiathèque de Lorient 70
  71. 71. FIN • Blogger c’est pas très compliqué, c’est sans  pub, c’est gratuit. • Alors, si on en a envie, pourquoi s’en priver. • Bon blog • Merci de votre attention. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 71

×