Créer son blog avec Blogger

Initiation à la création d’un blog

avec Blogger

L’@telier

1L'@telier ‐ 2009 ‐Médiathèque de Lorient

L’environnement du blog

• Un blog est une forme très simplifiée d’un site internet.

• Parcourons donc l’environnement actuel du monde de l’internet : le web 2.0


Généralités sur le web 2.0

L'@telier ‐ 2009 ‐Médiathèque de Lorient 3

• Le terme est inventé en 2004 par Dale Dougherty de la société O'Reilly_Media

• http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what‐is‐web‐20.html

• Le Web entrait dans une nouvelle phase le Web 2.0,

le Web précédent le 1.0 ne permettait que d'afficher des pages statiques et dont le contenu n'était pas toujours mis à jour.

• En 2009, toutes les technologies de la communication convergent, s’assemblent, fournissent l’image, le son, le lien, la localisation.

Le réseau est potentiellement partout, et nous y sommes au cœur.

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

4

WEB 2.0

http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

Le Web 2.0 est relationnel et collaboratif.

• Chacun peut créer du contenu sur Internet (texte, audio, vidéo, photo), et le partager.

• Ses défenseurs prônent l’utilisation des applications en ligne gratuites ou facturées à la demande (c’est‐à‐dire des services) plutôt que des logiciels installés sur les postes personnels et dont il faut être propriétaire des licences.

• Ainsi les utilisateurs sont des co‐développeurs et non des consommateurs du Web.


Le web 2.0 c’est donc

• Une plateforme laisse aux utilisateurs la possibilité de remodeler les données et les outils web.

• Une application est un outil clé‐en‐main que l’utilisateur ne peut modifier.

• Le Web 2.0 est une nouvelle possibilité d’utiliser le Web, plus qu’une technologie innovante.

• Le Web n’est plus pensé comme une collection de sites à visiter, mais cette fois comme une plateforme permettantl’échange entre les utilisateurs, les services et les applications en ligne.


Avoir sa page d’accueil personnalisable

7L'@telier ‐ 2009 ‐Médiathèque de Lorient 7

Ses photos en ligne, et celles des autres


Ses vidéos en ligne et celles des autres.


http://www.dailymotion.com/Discodandan

Des outils de bureautique en ligne


Stockage de fichiers en ligne


Skydrive, un service gratuit de Microsoft,

via Windows Live

hébergement de fichiers – 5 GO

Messagerie instantanée en ligne


Bureau complet en ligne!

13

http://www.eyeos.org/http://mybooo.com/

Qu'est‐ce que eyeOS?....Pour les utilisateurs

eyeOS est un nouveau type de système d'exploitation, où tout réside au sein du navigateur internet.

Avec eyeOS, vous allez avoir votre bureau, vos applications et vos fichiers toujours avec vous, depuis votre maison, votre université, votre bureau ou la maison de votre voisin.

Ouvrez simplement un navigateur Internet, connectez vous à votre système eyeOS et accédez à votre bureau personnel et à tous vos documents exactement comme vous les avez laissés la fois précédente…


http://www.eyeos.org/

http://mybooo.com/

Pour découvrir des sites web 2.0 sur des plateformes dédiées

14

http://www.go2web20.net/


http://www.go2web20.net/

L’utilisateur, créateur de contenus


UGC ‐ User Generated Content

Contenus Générés par les Utilisateurs :

• Acronyme inventé pour résumer le rôle de contribution active désormais joué par les internautes dans la production de contenu web


• Plate‐forme UGC = support favorisant la création et le partage de contenus générés par les utilisateurs

Wikipédia, Flickr, Youtube, DailyMotion; Delicious...

• Tous créateurs ?

http://www.youtube.com/watch?v=BvZw9Jtyr4Q

http://www.youtube.com/watch?v=BvZw9Jtyr4Q

1% de créateurs

10% de contributeurs

89% d’utilisateurs / visiteurs

Pour 100 personnes en ligne :

1 personne va créer un contenu inédit,

10 vont interagir avec le contenu crééet l’enrichir (commenter, améliorer,recommander, noter ou voter, etc.),

89 personnes vont consulter et« consommer » le contenu.

2% des utilisateurs de WikiPédia ontcréé 75% des articles de l’encyclopédie


La règle des 1% du web 2.0

• Etiquette ou mot‐clé : balise sémantique qui permet de qualifier un contenu

• Etiquetage social Système de classification collaborative de contenus web basé sur l’attribution de tags librement choisis par les utilisateurs => Folksonomie

• Outil d’organisation de l’information : ‐ Sémantique : « wordtag » ‐ Spatiale : « geotag » ‐ Temporelle : « timetag »

• Related Tag Browser : outil pour rechercher et naviguer dans les photos publiées sur Flickr à partir de leurs tags


Tag

Les tags expliqués aux enfants

http://fr.youtube.com/watch?v=xRbdhsf9LCM

http://www.youtube.com/watch?v=xRbdhsf9LCM

• Terme issu de la contraction de

• folks (les gens) et de taxonomy (classification hiérarchisée), => une folksonomie est un système de classification collaborative et spontanée de contenus web, basé sur l'attribution de mots‐clés ou marqueurs (tags) librement choisis par des utilisateurs non spécialistes

• Les tags peuvent alors être regroupés et représentés sous la forme d’un nuage de mots.


Tag et folksonomie

Nuage de tags de Dailymotion


mashup• Un mashup est un site web qui

utilise et croise le contenu provenant d’autres sites pour proposer un nouveau service.

• Cette capacité de mixage repose sur l’ouverture des API.

• API = interface de programmation qui permet de recourir aux fonctions et contenus d’un site web à partir de commandes externes.

FlickrVision

GoogleMaps + Flickr

TwitterVision

GoogleMaps + Twitter

2 exemples de mashups cartographiques


http://flickrvision.com/

http://twittervision.com/

• Un widget est un petit module, paramétrable etpersonnalisable, qui permet d’embarquer de l’information etde la transporter vers le point de destination de son choix

• 3 types de widgets :‐ les widgets pour le web‐ les widgets pour le bureau‐ les widgets pour mobiles


Vidéo pour illustrer ce thème

widget

http://vodpod.com/watch/646266-video-les-widgets-widgets-windows-gadget-application-steph-any-dailymotion-partagez-vos-videos

• Les widgets de Google s’appellent des gadgets

• Netvibes propose un annuaire de ses widgets


• RSS (Really Simple Syndication = syndication vraiment simple)

• Moyen de syndication, capable de récupérer le contenu brut d'un site web sans s'occuper des données liées à sa forme


Les fils RSS

Le RSS expliqué aux enfants en vidéo

http://fr.youtube.com/watch?v=xmP7dFV9uIo

Comment lire les fils RSS ?

• Grâce à un agrégateur, qui permet de s’abonner aux fils et vérifie automatiquement les fils afin de signaler les nouveautés

• Il en existe de 3 types :

• Les agrégateurs traditionnels : Bloglines, Google Reader, Feedreader, Rssreader, Alertinfo …

• Les agrégateurs intégrés dans des applications bureautiques, au navigateur ou au lecteur de mails (Marques‐pages dynamiques, Thunderbird, Sage pour Firefox…)

• Les pages personnalisables : Netvibes, Igoogle


Partager



Partager les adresses de vos sites favoris

Social bookmarking

•Le social bookmarking ( « marque-page social », « navigation sociale » ou « partage de signets ») est une façon pour les internautes de stocker, de classer, de chercher et de partager leurs liens favoris.

•Dans un réseau de bookmarking social, les utilisateurs enregistrent des listes de ressources web qu’ils trouvent utiles.

•Ces listes sont accessibles aux utilisateurs du réseau. D’autres utilisateurs ayant les mêmes centres d’intérêt peuvent consulter les liens par sujet, catégorie, étiquette ou même de façon aléatoire.

Blogs

Partager ses passions et ses opinions.

En décembre 2007, plus d’un internaute sur deux a consulté un blog.

Le nombre de bloggeurs atteint 5 millions :

+ 24% en un an 1.L'@telier ‐ 2009 ‐Médiathèque de Lorient 28

• Exemple : Blogger : service en ligne de création de blog, gratuit et sans publicité, proposé par Google


Les Blogs•Système dynamique de gestion de site web à partir duquel une ou plusieurs 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

http://crf-bg.org/clef/fichiers/blog1.htm

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.


•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 techniquesn’est nécessaire si on choisit un hébergeur


Hébergés ou sur un serveur ?

32

Avantages:Blog crée en 3 minutes, aucune opération technique n’est nécessaire

Inconvénient:Peu de personnalisation ou alors en version payante; difficile de quitter la plateforme pour changer de blog ou le faire évoluer…

Avantage:Blog entièrement maitrisé, le code est accessible.

Inconvénient :L’installation et la personnalisation demandent un minimum de compétences techniques .


Un agrégateur de blogs


http://www.wikio.fr/

http://www.wikio.fr/blogs

http://www.wikio.fr/

La blogosphère

Article sur l’état

de la blogosphère en 2008


http://www.fredcavazza.net/2008/09/23/a-quoi-ressemble-la-blogosphere-en-2008/

http://www.fredcavazza.net/2008/09/23/a-quoi-ressemble-la-blogosphere-en-2008/

http://www.lemondedublog.com/

•Un wiki est un système de gestion de contenu de site Web qui rend les pages Web librement et également modifiables par tous les visiteurs autorisés. On utilise les wikis pour faciliter l'écriture collaborative de documents avec un minimum de contraintes….

(le plus célèbre : wikipedia)

•Un wiki est tout à fait adapté à la construction collective d’un document retraçant les étapes d’un projet. Le wiki donne une traçabilité des versions des documents (livrables) associés au projet.


• Le wiki expliqué en vidéo

• Outil de co‐écriture et de collaboration

wiki

http://fr.wikipedia.org/wiki/Accueil

http://www.dailymotion.com/video/x1ftz4_mon-wiki_news

http://www.dailymotion.com/video/x1ftz4_mon-wiki_news

• Canal de distribution de contenus multimédia, un podcast est constitué de fichiers audio ou vidéo encapsulés dans un flux RSS

• Un programme spécifique permet de lire le contenu du podcast et de le télécharger pour le conserver sur l’ordinateur ou le transférer vers un autre support numérique

• Podemus : service d’annuaire, moteur de recherche et lecteur de podcasts audio et vidéo francophone


Podcast

http://podemus.com/

• Les licences Creative Commons sont des contrats‐type pour la mise à disposition d’œuvres en ligne (textes, photos, sons, sites web, etc).

• Elles facilitent la réutilisation de contenus en autorisant des tiers à exercer des actes (reproduction, diffusion, adaptation) qui nécessitent normalement d'obtenir préalablement l'autorisation des titulaires de droit.

• Le principe de Creative Commons expliqué en vidéo


http://www.dailymotion.com/video/x12h1p_creative-commons_ads

• La plupart des sites et services du web 2.0 combinent une dimension personnelle (compte et profil personnalisables) avec une dimension collective ou communautaire (échanger avec les autres, partager ses propres contenus ou interagir avec les leurs)

• L’individu n’intervient plus seulement « sur » le réseau (approche technique) mais il peut aussi agir « en » réseau (virage social du web). Il se situe désormais au centre de ses multiples cercles relationnels … on parle alors de « réseautage social »

VidéoL'@telier ‐ 2009 ‐Médiathèque de Lorient 38

Les réseaux sociaux

http://fr.youtube.com/watch?v=e-DMTBuuRZ8

Rester connecté avec sa communauté


Internet a toujours été un vecteur de communication ou de mise en relation avec les outils webmail et la messagerie instantanée

• Le Networking connaît un succès flamboyant. Avec 582 000 visiteurs uniques 2 en moyenne par mois en 2007, le site Viadeo voit son audience moyenne mensuelle augmenter de plus de 120% par rapport à 2006.

Rester en contact avec ses relations professionnelles et s’en créer de nouvelles


Facebook• Interagir avec ses réseaux : Facebook, à l’origine site communautaire d’une

université américaine, s’est implanté en France où il connaît un succès fabuleux : de 241 000 visiteurs en juillet 2007 à près de 2 millions en décembre.


http://fr-fr.facebook.com/

Twitter un réseau social en temps réel

42

Twitter est un outil de réseau social et de microblogging, qui

permet à l'utilisateur de signaler à son réseau "ce

qu'il est en train de faire". Il est possible

d'envoyer et de recevoir ces updates (mises à jour) par le Web, par

messagerie instantanée ou par messagerie

numérique.


http://fr.wikipedia.org/wiki/Microblogging

La vie sur Second Life…reportage du 66

minutes…

Reportage sur Second LifeArte ‐Metropolis

Les mondes virtuels


http://video.google.com/videoplay?docid=5946562848074601131&hl=fr

http://video.google.com/videoplay?docid=5946562848074601131&hl=fr

http://video.google.com/videoplay?docid=-7096327031908590174&hl=fr

http://video.google.com/videoplay?docid=-7096327031908590174&hl=fr

Un membre de réseau gère son identité numérique.

• Il construit sa réputation et son influence.

• Il organise (et élargit) ses relations en ligne (familiales, amicales, professionnelles) pour collaborer et partager avec elles.

L'@telier ‐ 2009 ‐Médiathèque de Lorient 44Vidéo instructive

L’identité numérique

http://vodpod.com/watch/646278-video-internet-et-vie-privee-internet-vie-privee-privacy-mmti-dailymotion-partagez-vos-videos


La musique, la vidéo en ligne

http://www.deezer.com/

http://www.totalvod.com/

http://www.totalvod.com/

Le cinéma, la vidéo, la télévision

• Vous êtes un créatifs ? Un caméscope, un ordinateur, vous pouvez réalisez et diffuser sur les plateformes vidéo.

• Vous êtes cinéphile, amateur de documentaires, la VOD est à portée de souris.

• Les télévisions du monde entier sont à portée de votre haut‐débit

• Vous ne voulez pas payer votre place de cinéma, téléchargez votre film (à vos risques et périls…)


Le téléchargement

• Le Peer to peer ou P2P une mutualisation très efficace des données et une neutralité technique ex: la chaîne légale du site Ratiatum

• 11 millions de personnes téléchargent tous les jours pour échanger plus de 980 millions de fichiers de tout types et pas tous illégaux!

• Les pratiques illégales sont bien ancrées pour toute une génération : les iPod contiennent seulement 5 % de musique achetée sur itunes et les lecteurs MP3 ?...


• Un mouvement d’ampleur…brouillon, en perpétuel changement.

• Une gigantesque soif de partager avec ses proches ou le monde entier, de rester connecter.

• Des moyens techniques puissants de mutualisation de l’information.

• Des risques encore mal évalués des menaces sur nos libertés individuelles.


En conclusion : le Web 2.0 c’est …

Création d’un blog « Blogger »

Mode d’emploi


Nous allons pas à pas créer et paramétrer un blog en suivant le tutoriel.

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.


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.


Quelle plateforme choisir ?

Dossier sur le choix d’une plateforme.

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.


http://www.infos-du-net.com/actualite/dossiers/45-blogs.html

http://www.infos-du-net.com/actualite/dossiers/45-blogs.html

Exemples de plateforme

• AceBlog (gratuit)http://www.aceblog.fr/

• Blogger (gratuit)http://www.blogger.com/

• BlogSpirit (gratuit ou formule payante)http://www.blogspirit.com/fr/

• CanalBlog (gratuit)http://www.canalblog.com/

• Cigogne.net (gratuit)http://www.cigogne.net/

• Faistonblog.com (gratuit et options payantes)http://www.faistonblog.com

• Haut et Fort (gratuit ou formule payante)http://www.hautetfort.com/

• Joueb (gratuit ou formule payante)http://www.joueb.com/

• Over‐Blog (gratuit et sans publicité)http://www.over‐blog.com

• Skyblog (gratuit)http://www.skyblog.com/

• Space‐blogs (gratuit)http://www.space‐blogs.com/

• TooBlog (gratuit ou formules payantes)http://www.tooblog.fr/

• Typepad (payant)http://www.sixapart.com/typepad/

• U‐Blog (gratuit ou formules payantes)http://www.u‐blog.com

• ViaBloga (payant)http://www.viabloga.com

• WordPress (gratuit ou formules payantes)http://fr.wordpress.com/

• ZeBlog (gratuit)http://www.zeblog.fr/

• 20Six (gratuit ou formule payante)http://www.20six.fr/


http://www.aceblog.fr/

http://www.blogger.com/

http://www.blogspirit.com/fr/

http://www.canalblog.com/

http://www.cigogne.net/

http://www.faistonblog.com/

http://www.hautetfort.com/

http://www.joueb.com/

http://www.over-blog.com/

http://www.skyblog.com/

http://www.space-blogs.com/

http://www.tooblog.fr/

http://www.sixapart.com/typepad/

http://www.u-blog.com/

http://www.viabloga.com/

http://fr.wordpress.com/

http://www.zeblog.fr/

http://www.20six.fr/

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 )


http://www.commentcamarche.net/www/rss.php3

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’ hébergement• L’ hébergeurDe nombreux hébergeurs vous offrent, gratuitement ou non, d’hébergervotre 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.


Les moteurs de blog

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.


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 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/.


http://blogcms.com/

http://www.dotclear.net/

http://www.s9y.org/

http://www.simplephpblog.com/

http://fr.wordpress.org/

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.


http://atelierlorient.wordpress.com/2008/06/02/initiation-a-la-creation-d%E2%80%99un-blog/

http://www.clubic.com/article-67515-1-comparatif-plateformes-blogs.html

Créer son blog

CREATION D’UN BLOG

chez

« BLOGGER »


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.

http://www.infos-du-net.com/telecharger/Picasa,0301-1162.html

Un blog ?


A quoi ça sert ?


Un lien social ?


La présentation du blog


Envoyer des photos


Blogger de votre téléphone


On démarre…


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 »


http://www.blogger.com/

Accès à la plateforme de blog


Connectez vous sur Google

La suite…• 3. Sur la page qui paraîtra mettez votre adresse E‐mail dans les deux

premières cases

L’adresse E‐mail 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 suivant celle où vous avez mis votre adresse e‐mail, 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, tirés, etc.


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 de dernière chose à 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


C’est prêt…• 8. Dès que vous avez bien remplis les 5 étapes précédentes, vous pouvez cliquer

sur « Continuer ». Vous serez conduit sur une nouvelle page si aucune anomalie n’est constaté. 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. C’est modèle est en quelque sorte l’habit que portera votre blog. Choisissez lui une belle robe. Si aucun modèle ne vous plaît, choisissez quand même un, 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 "Publier des messages"


Créer votre compte


Un compte Google


Choisir un nom


L’adresse URL


Choisir son modèle


C’est fait


Mon premier article


Je peux insérer divers éléments


Le mode administrateur : les paramètres








Le mode administrateur : Edition


Le mode administrateur : Archivage


E‐Mail



Le blog sur internet

Votre page d’accueil – côté public


Mise en page


Les éléments de la page


Chacun des éléments est modifiable, déplaçable selon sa nature

Polices et couleurs


Modifier le code HTML


Changer de modèle


Ecrire un second article


Ecrire…penser aux mots‐clés


Modifier les messages


Ajouter une image


Récupération d’une image dans notre ordinateur


Aperçu de l’article avec la nouvelle image


Insérer une vidéo

L'@telier ‐ 2009 ‐Médiathèque de Lorient102

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

Coller le code en ouvrant « modifier le code HTML »


Sauvegarder, ou publier l’article


C’est fait, regardez le résultat


Vue du site, la vidéo apparait, prête à être lancer


Accéder à votre blog depuis votre compte Google


Blogger


Vous pouvez créer et gérer plusieurs blog, depuis votre compte Google

De la musique dans votre blogPas 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 que les visiteurs pourront cliquer pour écouter la musique. Le code ci‐dessus 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="URL du fichier musical">Cliquez ici pour écouter la chanson</a>

•


http://blogger-au-bout-du-doigt.blogspot.com/2008/01/de-la-musique-dans-votre-blog.html

http://blogger-au-bout-du-doigt.blogspot.com/2007/12/hberger-des-fichiers-sur-google-page.html

http://blogger-au-bout-du-doigt.blogspot.com/2007/12/hberger-des-fichiers-sur-google-page.html

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="false" height="40" loop="true" playcount="2" src="URL du fichier musical" width="300"/></embed>


• Voici quelques explications sur le code au dessus :

• 1. Insérez URL de votre fichier musical dans le code.

• 2. Le width qui est ici à 300, est la largeur que la console vas occuper dans votre article ou dans votre barre latérale." 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 "true", 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 "false" car vous ne savez pas si c’est tous vos visiteurs qui supporteront d’é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 "false", la musique s’arrête dès que le morceau arrive à la fin . Tandis que si vous mettez "true", 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 fois où la musique sera jouée en utilisant la balise playcount="2". 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="2"


<embed autostart="false" height="40" loop="true" playcount="2" src="URL du fichier musical"

width="300"/></embed>

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="true" height="0" loop="true" src="URL du fichier musical" width="0"/>


Un blog sur Blogger


http://tilk68.blogspot.com/

http://blogger-au-bout-du-doigt.blogspot.com/

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 115

Technology

Créer son blog avec Blogger