,

reer un og avec

B OGGEt

Creer un blog avec Blogger

Quick Projet

EI izabeth Castro

Peachpit Press

Un grand tnerci

......

a ...

Graham Waldon et Biz Stone de Google, pour leur aide inestimable avec Blogger, leurs reponses patientes a mes questions pointilleuses, et leurs precieuses recommandations pour arneliorer ce livre;

Evan Williams, pour avoir cree Blogger et m'avoir mis en contact avec Graham et Biz;

Mon amie de longue date Nancy Bea Miller, qui rn'a rappele I'existence des blogs au moment ideal, rn'a inspire avec son merveilleux blog (www.genrecookshop.com). et m'encouragee, en lisant et en repondant ames nombreux messages de blog.

Lisa Brazieal et Connie Jeung-Mills de Peach pit Press, qui m'ont aidee et aigulllee tout au long de la production de cet ouvrage ;

Nancy Davis, mon formidable editeur chez Peachpit Press, a qui je dois tant ;

Et enfin, Andreu, qui continue a me permettre d'ecrire des livres.

Sommalre

Introduction VII
Ce que vous allez creer VIII Pour aller plus loin XIV
Comment utiliser ce livre X
Comment utiliser ce livre XII
Outils pratiques XIII
I. Creer son blog I
Aller sur blogger.com 2 Creer Ie premier message 6
Creer un compte 3 Le tableau de bord 8
Nommer son blog 4 Se deconnscter 9
Choisir un modele 5 Infos plus 10
2. Editer son blog I I
Ajouter un message 12 Ajouter une photo 22
Editer un message 14 Effacer un message 24
Creer un lien 16 Blogger par e-mail 25
Garder un brouillon 18 Utiliser BlogThis ! 27
Publier un brouillon 19 Infos plus 29
Mettre en forme 20 3. Personnaliser son blog

Ajouter une description

Au sujet des modeles Choisir un nouveau modele Liens et sections laterales Supprimer Ie profil Renommer les sections Ajouter une section

Trouver la bonne balise Modifier I' en-tete Harmoniser les couleurs

34 35 36 37 38 39 40 42 43 44

33

Ajouter un pied de page Sauvegarder et publier Sauvegarder Ie modele Modifier la date

Archiver par semaines Choislr un fuseau horaire lnfos plus

45 46 47 48 49 50 51

v

Somma •
re

4. En dire plus sur soi 53
Modifier Ie modele 54 Saisir une description de soi 60
Afficher son profil 55 Livrer ses centres d'lnteret 61
Editer son profil 56 Chercher d'autres profils 62
Ajouter une photo 58 Changer About me 64
Ajouter des infos 59 Infos plus 66
5. Faire contribuer les autres 67
Modifier son modele 68 Interdire les commentaires 76
Laisser des commentaires 69 Creer une equipe 77
Voir les commentaires 71 Joindre un blog d'eqoipe 78
Permettre I'anonymat 72 Modifier Ie modele 80
Effacer des commentaires 73 Partager les responsabilites 82
Arreter les commentaires 74 Supprimer un membre 83
Masquer les commentaires 75 Infos plus 84
6. Heberger son blog 87
Heberger son blog sur Ie Web 88 Tester son blog 93
Acquerir son nom de domaine 89 Creer des messages par FTP 94
Modifier Ie modele 90 Ajouter des photos 95
Passer au FTP 91 Oter la barre de navigation 98
Definir les parametres FTP 92 Infos plus 99
7. Attirer des visiteurs 103
Lister son blog 104 Utiliserle lien Email Post 109
Annoncer les messages 105 Notifier Weblogs.com 110
Syndiquer son blog 106 Referencer son blog 111
Connaitre I' adresse du fil 108 Infos plus 112
Annexes
A : Les balises de modele 113 B : Proprietes et valeurs CSS 121
Index 127 VI

Sommaire

Introduction

Le Quick Projet que vous tenez entre vos mains est un outil d'apprentissage different des autres. Plutot que de vous submerger avec to utes les posslbllrtes qu'offre un logiciel et avec des explications interminables, cet ouvrage fait appel a de grandes illustrations en couleurs associees a des instructions etape par etape claires et concises pour vous montrer comment mener a bien un projet precis en quelques heures.

Le projet consiste a creer un Web log - ou blog - a I'aide du loglciel en ligne Blogger de Google. Un blog est une combinaison intelligente d'une base de donnees et d'un site Web, qui vous permet de vous concentrer sur Ie contenu. Un logiciel, ici Slogger, se charge de dater et d'archiver vos messages, et genere automatiquement un site Web. Ce site contient non seulement ce que vous venez d'ecrtre, mais aussi des liens vers tous vos messages precedents. Le blog que vous allez creer est un simple journal de bord en llgne, avec des photos et des liens. Vous pourrez ensuite vous servir des techniques fonda mentales presentees pour creer toutes sortes de blogs : edrter un journal d'informations en ligne, presenter un portfolio photographique ou encore travailler sur un projet de groupe, et ainsi exploiter un blog comme outil de communication et de suivi des equines.

Pourquoi utiliser Slogger pour votre blog ? Parce que c'est I'outil de creation de blogs en llgne Ie plus populaire, qu'il est gratuit, bien concu et simple a exploiter. Les pages Web generees repondent aux standards XHTML et CSS actuels. Les modeles offerts sont elegants et professionnels. Enfin, l'hebergement des blogs est gratult, en contrepartie d'un tout petit peu de publlclte. C'est donc un excellent choix.

VII

Ce que vous allez cre er

Affichez la date avec simplement Ie nom du jour, com me

lcl, ou les dates et heures completes.

Creez des entrees de blog individuelles, avec des photos, une mise en forme et des liens.

Vous apprendrez comment editer votre blog a I'aide d'un navigateur, par e-mail ou merne par telephone.

VIII

Creez un titre et une description afin que

vas visiteurs sachent de quai parle votre blog.

Carna vn] de Rio - Rep~titiOIl.s au Sam bod rome

Le5 rijJetltiCln,s des !ales en lice vent a'Vo.ir lieu au Sambodro_rne ~

Void le programme :

Vsndredi 12 decembre : Beijs- Flor

Ustez les messages parus pour que vas visiteurs puissent lire les textes publies au cours des semaines, mois au annees precedents.

P.A_RHi'l j'~. ntJuu:1:

Etudiente en ecom de commerce, je suis ~on'ge de .ovagl" at I .• 8r6i1 est me d es tin.tim> priirerOe !

camaval de Ria- R2~titi.om:au s.ambodrome

MJ'8 MU81QUE: PDPULA.lRE

BRi;;sI~IENIIIE

Au sujet del. lang." pari ... u Bresil Un e:xc:elhmt bar a Paris! BrB'iilbr~il.orgJ le slte I]fficie! de

I'annee du &.."il Pre,rnie.:rjour du Oerneval r

Ajoutez des informations a votre proftl Blogger et decidez exactement ce que vas visiteurs peuvent apprendre de vous.

Faites heberger votre blog gratuitement sur Blogspot, Ie serveur de Blagger, au

hebergez-le sur votre i~!~~555t;~~~~~:;~~~~~~~~~1

pro pre serveur.

Introduction

~ passten Brl!l!:511 - - ~ - •

TLj~-sday • _

Carnavel de Rio - Repetitions au Sambodrorne

l.as repetitions des Beoles en ~ic,e vent a'9'oir lieu au Sambodrome' !

Cantr61ez qui peut laisser des commentaires sur vas messages de blog ou gerez une equips pour creer un blog collaboratif.

Introduction

Messages ,pre<;edents C;;;Irnaval de Rio· Repetitions: au 5ambcrdrome

MPB , MUSIQUE POPULAIRE BRESILIENNE

Au StrjElt ds 11. l~ngtJ~ ?ii!lrl~e eu B";,II

Un excgilent bar iii Paris I Bre-s itbresil, org, !e $lle 0 Ffici I;! I de ['~l1n5!~ du Bre5il

Premier Jour du Cerneval ! 201)5 annee du Bresil En

Apprenez aussi

a selectionner et affiner un nouveau modele pour

votre blog, afin

de lui donnerune nouvelle apparence (sans modifier Ie contenu).

Ajoutez ou supprimez

des sections laterales a votre convenance ..

Decldez si vous souhaitez archiver vas messages

par jours, mois ou annees, ou pas du tout.

Ajoutez un lien EmaiJPost pres de votre signature, pour que vos visiteurs puissent envoyer facilement votre message a leurs am is et ainsi fairs la promotion de votre blog,

IX

Comment utiliser ce livre

Le titre de chaque section indique Ie contenu de fa page,

Seul Ie formulaire d'inscription de Blogger est en francais, Les autres pages sont en anglais, vous y accederez en cliquant sur les ongtets qui portent leurs noms, La neche Publier des messages vous dirige sur la page Posting.

Creer Ie premier message

Le titre de votre message est utilise pour identilier I'entree

a la tols dans ta page

principale cu blog, mais

___ --==~~:=~ aussi dans les sections

;;~:;;:~~:;, d'erchlves. --------1

Saisisse:t votre

en essege de ns la zo ne ______ _...L__II- d'edilion prtncipele.

Vous pouvez cliquer sur Preview pour avoir une idee de: l'aoperence

du message une fois publle (ctlquez ensuite sur Hide Preview pour finir la salsie),

-.,_--~:

!!.T~~

'-4IJ-e

r-------~- Les termes importants (noms de commandes, de fenetres, de fichiers) sont lndlques en orange.

Une furs Que Blogger a cree votre blog, ce message de confirmation s'affiche. CliCjuez Sur Publier des messages pour atficher te renetre Posting I Create. ou VOU5 oouvez salslr votre prem i er mess age.

Enfin, cliquez sur Publish Post pour aicuter votre message au blog (nous modlfierone le mise en forme un peu plus loin).

6

x

Creer son blog

Les legendes expliquent ce que vous etes en train de faire, et dans quel but vous Ie faites.

Introduction

Dans certaines sections, vous serez amene a editer Ie

code HTMLjXHTML, les CSS ou les balises de Blogger pour intervenir sur Ie modele, Le code est surligne en orange. Ce que vous devrez ajouter est indique en nair, Ie reste du code est en orange.

Modlfiez I. cecreur de I. bordure Ensuite, changez I. couleur des U!res

superieure de I'en-tete en un rouge ces messages (batiaes h2) en un marten

sombre [#.a14131, semblable sombre (#4024111 at I. couleur d'.rriere-

a celui de I Image l plan pour Ie meme beige {#ffebcd) que eel present sous r en-tete.

-----+---

hl! eorder-top.sclld 9p. #aa1413; ,.) ...

h2! 0010r:#402411 ;oac~ground: IIft.,beel; ,..J~--'

I h6{ color:iI.aJ.4.13: ... ) ...

I _byline a ( .. color:#aa1j13; ... } ...

Pour ,changer 'Ia couleur des titres L Entin. nOU5 allons aussi utiliser

de sections lateratea (Liens, Ie rouge sombre {#aa1413}

Messages precedents, Historique) pour les liens. de s:isnature des

en rouge sombre I modifiez la ballse massages.

h6 at speci~ez la couleur #.a1413,

Des points de suspension ( ... ) indiquent qu'une

partie du code, non pertinente pour I'exemple en cours, n'a pas ete reprise dans

I 'illustration.

Une capture d'ecran montre les effets des modifications du code sur Ie navlgateur

Introduction

Harmoniser les couleurs

Le,s points de suspension (".) indiquent qu'vne partie du code ,6el a ote oml se lei.

C' est aussi un des aspects des feuilles de style I es plus simple. " changer.

44

Personnaliser son blog

XI

Commerit utiliser ce livre

La section Infos plus, a la fin de chaque chapitre, fournit des astuces et des informations supplernentatres qui sont utlles rnais non tndtspensagles pour creer la presentation.

Infos plus

Creer un compte

• ehaqu. mempre de Blog&er doit avoir un nom d'utilisateuf LJnique. Si VOltS eholstsssz

un nern deja ernptoye, \1001.1$ obtiendrez 1.:111 message d'erreur, VOU5 demandant d'E!!'1], :!Jtiliser un autre'.

• L'adresse e-mail donn~:e ldentifiera aussi tous les e-rnails envoyes dspuls votre blog.

Nommer son lilog

• Bien Que, vous pulssiez cholsir le nom d'un blog exlstaot,

I 'adresse do blog doit etre

un [que. Sivaus·dlOisissez une eeresee d·eji> utilise e, un message vous demandera d'en setectlonner une autre.

Choislr un modele

• Si aucun des modsles proposes ne VDUS plait. votJs a pprendre,;z comment en chotsir un autre

ou Ie modlfler, au Chapltre 5.

Le premier message

• Vous n'l§tes· pas oblige de creer votre premier rnesaage

! rn mediatem ert, VOYS pouvez vcus decormecter, puis consulter Ie Chapitre' 2," ql,:J i vcus apprend a aj9l!t~r un rnessege dans vot re bWg.

10

Comprendre le tableau de bord .-----t ....

• Vous pcuvez creer avtant de

brags que vocs le souheltez. lis s.eront taus llstes dans

le tableau de borti et trertee incependarnment par Blogger. 115 eont tous ldentlfles par

le nom d'utilisateur "Blogger que vous evez Choisi-

• Vous powez supprimer un brag en "t::liquam sur l'eorou situ£> en \,I'iS~a.Vj5 du blog, puis sur Delete this blog en bas

de la !page qui apparalt.

La dokonnellon et 100 cQnnexlon

• S i vous bloUez depuis un ordinateur 'Public'. pensez a vcus deconnecter ~ cheque lois Que vous evez termlne, SElrlS ouo], la persanne suvante pourra e.:r~er vetre blag eu

en modrfler tes pa""metres.

• AcUve.z l'optlon Memoriser dans lij:I zone de connexion sl vaus sou~aite'z que votre navigateur eme_gistre un cookie avec vetre nom d'uWisaleur et vetre mot de passe. Vous n'aurez plus cesoln de salslr ces parametres pour vous rec:onnecter. Cel a n'est emlisageahle que

sur un ordinateur prive_

Creer son blog

.XJI

Le titre de cheque groupe d'astuces correspond

a celui de la section,

Introduction

Outils pratiques

Les outils indispensables pour creer un blog sont un ordinateur et un

navtgateur, Peu importe que votre ordinateur fonctionne sous

Windows, UnixjLinux ou Macintosh. La plupart des fonctionnalltes simples conviennent a tous les navigateurs ; en revanche, certaines, comme la barre de composition, sont supportees uniquement par les plus recents d'entre eux, tel I'excellent Firefox de Mozilla,

rnontre ici.

Vous pouvez telecharger gratuitement Firefox sur http://www.mozilla-europe.orgjfrj

Un edlteur

d'images est utile pour retoucher et redimensionner des photos et graphiques pour votre blog. La plupart des appareils photos numerlques

__ ....... et scanners sont

':::;::::J~ fournis avec un

~",r;m- logiciel, comme

~"I~

L....:.-~_=~ __ _J ~-=-_-~, -:-1 <=-......;.+-- Adobe Photoshop

,. __ ",-"." I Elements, montre ici.

Introduction

XIII

Pour aller plus loin

Cliquez sur Ie lien Help de Blogger, en haut a droite de toute page Blogger (ou affichez la page http://help.blogger.com dans votre navigateur), et vous obtiendrez les pages d'aide, en

anglais, de Blogger. I

'Iiiiiiiil ••• iiilliii~- La page d'etat de Blogger (elle-meme

• un blog, et toujours en anglais),

http://status.blogger.com, vous permet d'etre tntorme si Blogger rencontre des dlfflcultes, afin que vous sachiez, au mains, que ce n'est pas vous qui etes a I'origine d'un problerne.

Blogger Status

III lh~ I:'nt ",,,,ant Il¥. "",,'II. ~"'1!::'I1(lme piJf~.a.net ~fOblllm~ wi"", lIIOipr_ 1.11 ~ner .. l. I:he ~pp hd"5 b:eel1 S~I"r.:d U$~r$l1.a¥o t~ .. n\il""ilI,a,n II1Cfl1~~8d numb ... r (If Int-l~m~ 5oIIri'e1 EI'I1lI'li.

.... 0 dJ¥ ~se:rtU Inty ti~i~1i: me ~()LKQB o:t Ifl e ~rrlll'1 amI Mdl'lI ~sl:i~1;I ~oo;.r.' lile$ in 1l'I. Piit ~d.lIl ildiIMs; t:Iul prollk!m. neff k .lIIi'lIIII'lfI.IiI...or1c till ~~ to fUl,I,n lllLo:IliQF b.i6: tD I 1'T\Qn' re5IH'n~~ .. e SYUO . and _fjj <11'1 It. II vOU tlntt'VC'IIJr~.III"'ln$ Inv~ p6u~~, kigull' uf 6lnCgtlr.m1l ClYJ!'lII~tEt,r dlllWwn you~ br~ .. r. 1hTt'''WIJ .... St~YI'lJf "r(JoII$~' lIlId "'S bad< In, y.lu .....tIl!leonlll'leW.ljlpu .... t2"'t.'d1."ayb-(!len'"'II~,d411d IDuiperlOfll'llng beller.

TheplJl'll<>: .. dthhdl:tlrto ~COll' BI"IiII.rwo;trrll"ll';orllltoll,,~ ....t..r.'JII;IW!:~~tur1'rn., oUwelup","nt,u~rI' .... ~!;I1;"1.oH:. ~,tc.1\...uI Qilit~ mQd'B ,f.tuIL-!4l0ill'>o4t.l4,W'irit ......,rtJn;:lIIno,UilJb.lelTl5tt.n ~dn,"""""f'~ bl1l"ioo"'l! tb<:i1Jl 't-"'."c;'lM"'t""'iII_

III .... JicloSte-d.C'p.r"It<:!.yf ... ", tlleurnnr.I!c,tt's .. t.n)os~ plac,clop,tIoOI"IIfSloaoIflJ 1I:~.Iy.mI'.ift:"'1I1ia.

Liflk~

.~

·K.,....'fIo!«llfI .. "I:!!!I!

XIV

~ .. ' Blogger

- - --

Blogger Help

WS[eO.rt1t 10 HIi)W~ ...... 1 ... ~ UI~t~ntl~[ CII~~(m ot .h(Ni'·to .. oo hi'Jp d'~Ol'!I~l'1tS tl) h~lp ~.., ~'mo'" out of Dloii&r, 'Se'_~rd1 ti1f(]ugh eur oaU!cd~n W1v. M~ ~,l.d'I (tQ f)'1iI rlihtl or ~Blld iT! em~lllv tile ~fRlU

Wt p.rj~~ reid i!!1i1 'lI~!lQfId to .tY'll'ur ~stiDl'I5 .ind mmm~nt!, 10 If 'PJ dlm't mind bl"tlW"jmj Dr 1.Ii¥d1I"'i mrcwi¥' me ~r[Jlj£e~ _ .... e iI~l!I.Ii~ ,11:bLlJhtli, !tI~t'd boi sr~;lIt.1l1.nksJ

- Wllliokril! lR Bkl!!jlllill) !jl!pp."wdllllM'u[) -;\U",t>q.."I1IPPOlo\[lhta,

-LpgjElDii"lliW1I't))

1 ioIEIIRdol P9U!I!1t;!Lt'.t?

2' e:kf!III'''byboarsi ~r1!r.Ils~bpClstlno:~ ], »tf,o"!laldlddh'lItnvslu.

-

., ~~td!Mtsthfl\_ftJOo;fff!ht

~ ..:J

rrrl.r_ 1

'f'll()lfoq""II,,~(lP'rl\'j'W''t

• OoIIIIIlIbh .~ .~

• .. dd-Om 4~'tiAC

lQI .......

Introduction

1. Creer son blog

Blogger permet de creer un blog en trois etapes, O'abord, vous devrez creer un compte Blogger et detlnlr des preferences simples pour votre blog (comme son nom). Ensuite, il vous faudra choisir un modele pour la conception initiale du blog. Vous pourrez alors vous faire plaisir et poster Ie premier message de votre blog,

1

Aller sur blogger.cotn

Pour commencer, ouvrez un navigateur et allez sur Ie site de Blogger : http://www. blogger.com. Vous devriez y voir une tenetre semblable

a celle-ci, Cliquez sur Creer votre blog pour commencer.

Creez un blog en 3 etapes :

o Cre@:! un compte

• t'lommez vorre blo:e.

• 'ho;~issez. un modele

Connez EchiinlU cherchez Plus

vetre oivls dll!~ !dees ues p.jjnOMe-~

, d'ernangQ( du idh!' a vel; d".outr&s lntem.lut;e.$ et h!2n pll,j~ enc:orii'. [t e 'f~ 1 er6tuit I

Si VOUS possedez deja un compte Blogger, connectez-vous en haut a droite de la page et passez directement au Chapitre 2.

Peu importe que vous utilisiez un Mac, un PC ou que votre ordinateur fonctionne sous Unix/Linux ; vous aurez de to ute manlere acces a Blogger.

2

Creer son hlog

Creer un compte

Votre compte Blogger constitue l'acces a votre blog. Vous devez cholslr un nom d'utilisateur et un mot de passe pour proteger cet acces, afin que vous seul puissiez vous connecter et editer votre blog,

o Creez un compte

8orJj;tJ,J M!llJ5 ~h.tuftlJM:~1O'J~ ;JmI)IIC.r~!;iW$;rIIIJ~ ~ib tr3dlc!iOOdt 'Bkr~8ltrotf1pl.uieuN 1i1".;jlIJIIi'. tMltt.t.ue tall'! "I'II~:U: ~zt. 't4 ~r:.dJ~t. ~'\I"lI'III;1I:itu ,i~r'" rut 1,':fI"'" ~r .1'1r..~~'i'~ d", ~~~ :IIfl\l'l'~ Ijjr c!'~I:I~"'f.:I' p.IIj;!U .. "".

tJ."vI!I.".WIll 1I1r,i.lnr'Gptlllr 'III;I~ j>1"",!Q1I>U Wf'JM"t.;,n~,

,-

~ .

~Alicia

A'l.Jr".nee-III~U I.iilal,.ciaci8!~_du;;;;;prE@~ya~hO~OJr;--':=:"""-========-+4,

~ir"""'~I~r'Ol!lil;"'" ~ltil'r ~;Io'I1 Mlt'~ ~[OOrll,

~1I!"t'fQU""'RIy.t!l «J1JIII11~ _, [~I"Illi1;1al,

dlJlil~ ... t1Ol1 011 s:k.:!pr.

Lisez les conditions d'utilisation de Blogger avant

de les accepter. Notez que Blogger et Blogspot sont deux services distincts. Le premier est Ie programme qui genere les fichiers de votre blog, Ie second est

Ie service d'hebergernent de votre blog, qui Ie rend disponible sur te Web. Vous pouvez utiliser Blogger avec ou sans Blogspot,

Creer son blog

Le nom a afficher est Ie nom qui apparait

a la fin de chacun de vos messages dans Ie blog. C'est votre signature.

Vous devez saisir votre adresse e-mail afin que Blogger puisse vous aider a retrouver votre nom d'utilisateur ou mot de passe en cas d'oubli.

3

Nomrrrer son blog

• Nommez vatre blog

=~~:-~~===:.=:::::=:-I- Le titre de votre blog est

11L1'U ... l1rt(l!'II;1"1IIoD Gomme Ie titre d'un livre. II

doit d'une certaine rnaniere capturer I 'essence de ce que vous essayez d'ecrlre tout en retenant I'attention de vos visiteurs. Dans I'exemple,

Ie blog concerne la passion suscttee par Ie Bresil.

Tlinll:ouo!a::e lID

Ai:lraiifl eu I:IIi:lI Q 1rtt,:>::/Tp-~:;I.-5.ionbr.f!Ii[l

(Ulitl.)

.iJ.J .. III ........ "mI:I • .,'.ort "'.II'4!'11'I._lw'If'*!'

........ "'W''''.~~~''''.t

.....

Creez une version sirnputiee de votre titre a utiliser comme partie de J'adresse

du blog (URL). Elle doit etre simple pour que vos lecteurs puissent s'en souvenir et la saisir facilement. Seuls les caracteres alphanumeriques et Ie tiret (-) sont autorises (rnals Ie tiret ne doit pas etre Ie premier caractere). D'autres symboles produiront une erreur. Les leUres en majuscules sont automatiquement converties en minuscules.

au

lO!!"'~l'IJ,Io_~;~~1It p....."rud'aillilr.~'j'lr ..... n~rur ... lIII1r·.

4

Creer son blog

Choisir un mocfele

Un modele determine la

mise en page appliquee par Blogger au moment de la conversion des messages en pages Web qui constituent

Ie blog. Pour I'instant, choisissez un des modeles predefinls de Blogger. Vous apprendrez comment cholsir un modele different, edlter des parties d'un modele au creer vas propres rnodeles plus loin dans cet ouvrage.

Cliquez sur Ie bouton d'affichage d'un modele pour vo i r un apercu en taille reelle de la mise en page de votre blog.

0"" ...... - ..J - x ___..._._t_lYi! I -""', F.- 'f"- (:l

. ~~ '~~r~·~_~~~-t:.~'f~'~lC·i7bbQro-i!CIOS(I:2;3

I!!i ~ BLogger

-----~----------------------~---~----------------------

~N~"""~r.,.;.Qi W'lu~,ClIquot.;"~.~

NI!'~'!I\:h!or_ 1'l1io:on

;!ojir;;n<l",,~ n

Wt,....

'III:iulfh'u ....... fKkrM:.t '''.n.jI, ... r!ll_oI.th~,4.~"I"11:""t""'~""""" ~""r""'~i"'rr_~l .lPr~. ~...,rr <»n1'Iir"'4. .,.,'1 .....

~.

., Chcisissez lin modele

SAMPLE BLOG

7~ ' •• 1" ••• , ~"""T ~~. r'L.I .. "·,' .• IIT .. "-=LT" .""1' • ''',,.

('1.1 ''''J[~ lor fllT,jll ~.UI UfIJi;j, hllc

'!N~~m W.u..~~~OfJt Sim.;!

Trl'tl'lJ; f'O'lC~ge{g u F'lall:~In.il:,ijUo:rtlollpoa!g 7Q1iJ !ill'tlx •• PI~ op!inl"nllW-Ilrt:, !it Y-LWU'~rt tlrumbl(t6[.o,lohl,pk,k.su hav« II)U'OO'cUIo~!iEU pW\l~~t~ ll''U Iftiu8wal!l., ;h.LL~lll r'lll;i be :lulo.l:r ",pUI'I!!I!t.-!I!oII.IW eal.:&w ;;;.oj" I'm rl.s1 ... !t!'!.I!~il,l;!l, H~~ lOlJu_k;:(;I;'IT!.Q 03~ ~J;po;i- 'Tn::;1~ I;'l:f.l "'-~[:!';';~~Wlt ,Ime: plolO:ed, -ptIlil:J nf;plllU1 ,.'um~lo~t 1:lo'1.I1i:~! pltol.t ptt.e~, 'i:""VC! 1iICI~h. t ...

Ti-I:I!'ll" encrt ommlJllr.lt of~lib:Jtltth:B'l,lll:l' 1"I1~'ihtI'lid'JeiJ' 1'f!;tIiI.cl_Ertl:totrMl

t .. '.t",b ... t oIi~;~a.t&tho"'IiI'L"'-I:~df t:.h1:o1,l,R>r"i';rQ[jlt,;!;.p;,r'I ... t1.;mr.ruiJl~~ d.~d1.'l"<"!il .. ,

"t~ ,<~ U~TC JlII'1IC

... ,]1.l '"Il-oI .. ffiIo;tl1l" lI:ri"edki: l~r .... coI:t.l,I_n ~tJl 00 Wl:I.:D;I,otnbOOlM,ele&k GU~I'I~O "Ilr j)W1j0l0l:l:l'r.t~, IYW'UtW.lm, if.!. tftrt'I DI!IqW. j)!!C~1'L moOut H~ Mqu .. i'lo.<'LO:' '!!~;r.n:pei"' :n1!Cl1i'blell:;' ~_"'t, ~~w.~ut

.. .;i.iploci:r;!1ii ~it I ~~t!I ... t ! .. bG-rc;t ~at;.:,:-.; ~n-I..

~t.J:DW;!l~!:l!6jMl1S'M-: 1IJW""'....a~

~~ P':'TU"I'I.d U'l~ kaol.;"''1' li1lc: I::ir;;-k

Creer son blog 5

Selectionnez Ie modele Minima puis cllquez sur Continuer tout en

bas de la page. I ~

Creer Ie prentier ntessage

Une fois que Blogger a cree votre blog, ce message de confirmation s'affiche .. Cliquez sur Publier des messages pour afficher la fenetre Posting I Create, au vous pouvez saisir votre premier message.

Le titre de votre message est utilise pour identifier l'entree

a la fois dans la page principale du blag, mais aussi dans les sections

Tit!~:, C.<ii'na~al de RjlJ:XOSrRe~etitil)n5:au Sambmlromol-------..,...-""!'!"'-...,...-+- d' archives. ---------

Saisissez votre message dans la zone ~~--~--~-..!....-+-- ....... d'edition principale. Vous pauvez cliquer sur Preview pour avoir une idee de I'apparence

du message une fois publle (cliquez ensuite sur Hide Preview pour finir la saisle),

VO~.~'bIoQ~'t;J'.trl:lc:.i .. _1/(M':~ .. f;lI~t~.~bI.dm::~, .. r!!icr...,'j)rQl'ipt.~OI.I,~~~r 'oIIPI»rOl'lGOoo'lll;]trcbloii,.

• Votre blog a the cree.

12~embre ; Beija-rll):r-

d8ci'mbN : Portgla et s='o C] ... mants

: Mang~iJ'~ et ceprtcheeos ~ Mocidade ,"o'CIlmo""Trddi~~o'Qt Pnrtnda Padra

:21 decembre : Granda· RiO'8~ Unidos cI~ 'I"ljuc:a dkembre : t'-r.Qdi~:§o

,...8 dacemera : ~;:!Jl&u_Qj_ru

A:IIIii;I!New Ct!m:Mnts g1 Thit900-t Ch51i~ TitJ~ III Do!!It_il

r. Y., r: '" J52l ,[1.i"3 ~ I"~ ilf"3I=:.:l

Enfin, cliquez sur Publish Post pour ajouter votre message au blog (nous modifierons la mise en forme un peu plus loin).

6

Creer son blog

Your blog published successfully, IDe .... I'" I

Une fois Ie nouveau message publie, la page Posting I Status s'affiche. Cliquez sur View Blog pour voir votre tout nouveau blog, et son premier message.

C-.a.rn<'lva.l de P..10 :'005' R~p6SltiiJn:lau

&!.!nbOO['1l!!OO \ *'

> ; rli;lv&!d.e RIO ~aos - Repetitions au SAm bcdrcme

OIm,tiI.:I).che '4:8 decem bee = S5Jgu~lm IU1'IPCol.lolJ;I.IU5;''''· 'II(II<I,..[~n'

PASSION BRESIL

Carnava] de PJo- :2005 - ru.~titiQns au Sambodrome

I.eJ repe.ut[om~de<;l o!!o:llf!:g 811 lja!! vont evnir Heu eu Sbmbodrome I Cest dane un grand evEnement F6-ealTlaV4~ QUI se llrepa.re, Voic:lle p!'~"'a.mme =

vendredt ~2dl§~mbre : Bcijll-Fior

Sdmcdi .1.3 deoembrc: Ptlrte.l« et saD C!em!!nte Dlm.l'lchf! l-4 decembre r Man~Ul!!ir4l!1tCtl.priCh~

Vendl'edi :1.9 decembre : Modd.o.de:

~mcdi ac decem bre : Tradi~1I;I et ~!'t() d,o!lI P~dn. Dimanche 21. d~mbre : Grande Rio ee Un.ld:~ doD Tljuc"" 8Amodi 37 dk.em bre : Tr.:..d!~i.o

Creer son bLog

Vous etes desorrnais officiellement un blogger ! Votre nouveau blog est publie a l'adresse choisie lors de votre.tnscription. Par detaut, elle est disporublepour tout mternaute.

,

La mise en

page reproduit automatiq uement celie du modele choisi precedcrnrnent.

7

Comprendre Ie tableau de bord

Si vous etes connecte a I'aide de votre compte

(ce qui doit etre Ie cas si vous avez suivi les etapes precedentes), I'adresse http:;/www.blogger.com

ou un clic sur toute ic6ne Blogger vous rnenera au

tableau de bard.

ta'I Connexion en tant que, alicla_c1upre

I!!!!J Btogger o.,onno";on

Tableau de bord

Blogs

HOUVEAU MODIFI ER

HOH DU BLDG MESSAGE PARAMETRES DERNIERE MISE A JOUR

Aj(Juiec: vob~ phDIQ iei if.n modifiant y-oi!l"e p.-ofil

Modifier Ie profit (ou Afficher ) Modifier Ie mol de passe

(]i' Passion Bre,il

22 Feb 200)

La section principale du tableau de

bord liste vas blogs, donne acces aux messages individuels et aux parametres du blog.

InVItation AdSenS8

S"ve2-VOu; que vows POU""2

Vous pouvez edlter vos informations de compte Blogger en cliquant sur Ie lien Modifier Ie profil. Nous aborderons ce point en detail au Chapitre 5.

8

Creer son blog

Se deconnecter

Que vous ayez terrnine Ie travail sur votre blog ou que vous souhaitiez I'afficher tel que vos visiteurs te verront, cllquez sur Ie lien Deconnexion, en haut a droite du tableau de bord.

Tableau de bord

Lorsque vous etes pret a continuer votre blog, allez sur la page d'accueil de Blogger (http://www.blogger.com). entrez votre nom d'utilisateur et votre mot de passe (crees precedemment), puis cliquez sur Connexion. --- ...

Qu'est-ce qu'un blog· 7

Creez un blog en 3 etapes :

Creer son blog

9

Infos plus

Creer un compte

• Chaque membre de Blogger doit avoir un nom d'utilisateur unique. Si vous choisissez

un nom deja employe, vous obtiendrez un message d'erreur, vous demandant d'en utiliser un autre.

• l.'adresse e-mail don nee identifiera aussi tous les e-mails envoyes depuis votre blog.

Nommer son blog

• Bien que vous puissiez choisir le nom d'un blog existant, I'adresse du blog doit etre unique. Si vous choisissez une adresse deja utlllsee, un message vous demandera d'en selectlonner une autre.

Choisir un modele

• Si aucun des modeles proposes ne vous plait, vous apprendrez comment en choisir un autre

ou Ie modifier, au Chapitre 5.

Le premier message

• Vous n'etes pas oblige de creer votre premier message imrnediatement. Vous pouvez vous deconnecter, puis consulter Ie Chapitre 2, qui vous apprend a ajouter un message dans votre blog.

10

Comprendre Ie tableau de bord

• Vous pouvez creer autant de blogs que vous Ie souhaitez. lis seront tous tistes dans

Ie tableau de bord et traltes independarnment par Blogger. lis sont tous identifies par

Ie nom d'utilisateur Blogger que vous avez choisi.

• Vous pouvez supprimer un blog en cllquant sur l'ecrou sltue en vis-a-vis du blog, puis sur Delete this blog en bas

de la page qui apparalt,

La deconnexlon et la connexion

• Si vous bloggez depuis un ordinateur public, pensez a vous deconnecter a chaque fois que vous avez termine .. Sans quoi, la personne suivante pourra editer votre blog ou

en modifier les parametres.

• Activez I'option Memoriser dans la zone de connexion si vous souhaitez que votre navigateur enregistre un cookie avec votre nom d'utilisateur et votre mot de passe. Vous n'aurez plus besoin de saisir ces parametres pour vous reconnecter. Cela n'est envisageable que

sur un ordinateur prive.

Creer son blog

2. Editer son blog

Une fois votre blog cree, vous pouvez vous mettre au vrai travail: ecrire. Dans ce chapitre, vous apprendrez a produire de nouveaux messages, les edlter, les enregistrer en tant que brouillon etjou les publier directement et, egalement, ales supprimer.

Vous apprendrez aussi a ajouter des photographies, des liens et mettre en forme YOS messages de blog.

Enfin, YOUS decouvrirez comment blogger a distance et ajouter des messages a I'aide de votre logieiel de messagerie au depuis la barre d'outils de votre navigateur.

1.1

Ajouter un tne~s~g~

o Cliquez sur n'importe quelle leone Blogger pour atteindre la page d'accueil de Blogger. Si vous etes connects avec votre nom d'utilisateur et votre mot de passe, vous verrez Ie tableau de bard, Ie centre de controle principal de vas blogs.

Blog.

.... ioui .. lI',.rotr.plr~!Ilicll1'!1, 1i"I .. I!I.Piittri 'IlIIliI~ .. i'f'O.f.1

toIOUVllLU MODlFIIR

H(I~ '111 Hll(lr~ Hoj-~~l1{,{ "'1'!,j~ .. "U1nnl!o Of.P.!lI(IU: 'l'f1!:1 A JOun

.. H'oq,""'le:r ~ prlClf1l ~[JU Amel1l!r , .. HudiIie~ h3 mdl: d!' paliu!!

( nlil" 'w,,,

... ", ..... ,

IE) Cliquez sur Ie slgne plus vert en dessous de la colonne New Post, en vis-a-vis du blog auquel vous souhaitez ajouter un message.

- -----

Hln~llJt"~ P ... ;;om. t3:re""I·· CI'Ii:.jJI~C:: PUlst Willl-ddOiJ t".::!1

- --- - - - - -- - -

re' Passion 8 resil - r. ..... ~ I, u .. t~ ....... ..!1 ., .1.11' ~'~ Our

, 'J

--~-~====.=~=~=~

~ N~!IIiI ~oml"l.ttit!! (In. r~ fl'(rrt CMn~ Ttll'le a.ceee

(.' Y., ('"" 01E:J1M4:::JIIOY,".llF!lj:lOOs21

EBh@- e@ilMue

12

lEI La page Posting

I Create apparaTt

C' est ici que vous allez composer votre - ........ 1+-- message.

Editer son hlog

a Saisissez Ie titre

et Ie corps du message.

~--.._.---------------

Cest officiel !

Apre. I es a nnees de I'Algerie, cell es deli> Chine et de I. PoI~e, 2005 sera "l'Annee du Bresil en F

I.....j~Au-programme : de ncmbreusee menilestetions de mars a deeembre 2005.

Un sire Internet censacre exclusivernent a l'Annee du Bresil a €lte ouvert Ie 18 janvier. L'ouverture des manifestation.s sere consecree sux "recines du Bresil" en mars, puis celles-ci se tc autree themetiques successives : "verite tropicale'' durant l'ete, "Galaxies" a l'automne.

J E.dit HT-M...l CompDse

ilINo,rn"srr.ij b 1lif ". II'Ii 'II = r- EO" ~ El 0 P,,~ ...

Allow New ccmmencs IJn Thls Post (.' Yes r No!;)

PASSION BRESIL

i '.1 c s D" r i 9 PUll ~: • 1 s: Q ~

::!005 ,\IIU'" du r.,,~sll.u F r auce ' C-eslofficirt'lI

VHW 1liiY C(l:1aI I' HH PI\O~IU

Apres las annees dEl P .... lge:rie, celles de la Chinos et de lao PO]Q211e I '2005 sera "1'Ann,*, du Bresil e[] France"

f'''I''''OLI-!i "o~r~ --------+-

2005: anlJee du el'~i!-eA France] Q.rl'l<lval dt! F.i.Q '2'005 - R~petLtion5 au~bodro::noe

Cemaval de Rio '.0"005 ~ r.titions au Sambcdrcme

Au program.mllil : de ncmbreuses menifestatienade mars: a dece_mbre ::;zoos.

Uti site Internet consacre e:xciusivOIm@nti.l'AnnooduSr8sil a .ace OUY41rt l~ aejenvier.

Lcuverture des manifestations sera consacree aux "recines du

Editer son blog

Votre nouveau message apparaTt en haut du blog.

Des liens vers Ie nouveau message et

les entrees precedentes apparaissent dans la section Previous Posts.

Tous les messages sont automatiquement enreglstres par dates dans la section Archives.

13

Editer un message

~_ t- all...... f..,.,... Q.d< ,

Jo-_·..; ·0~Gl-1 @!l1..P- ~F_ 4I'-e

_ [J x

1!3

I[a'-- -'4 Crmumcmn f'llIlJ1nl q~j<El ilU~J.;}_dLlp'r(l

~~i Slagger ,.,., " .. ,..

- -- -- -._- --_-- - - - -~

Aill>lIIu".Lnpllvt!l!riIPJI mlllldifi~nt ... otn:!lrofil

Choisissez votre blog dans Ie tableau

de bord (disponible sur la page d'accueil de Blogger lorsque vous etes connecte avec vos nom d'utilisateur et mot de passe).

Tableau de bord

Blogs

ttDUIIEAIJ HOlll mr.

:Ht)i'1U-UIliLOti tlU$r,[~~ fARA"'ETRE~ DlftI-IlEoRCHIH e roue

• 110d"or ~ prom (00 IILffichef' J

.no JIJI.L Hcdifi.er 19 milt' d.s p.n§ll

~ ~ v n_~_~_' ~

InYlt~mon AdSense

J EkI:iar idlJan ~ F~is- ~ r

~ ,,0:6d0.... ,. w 1 (!0j -- ~F"""" Itl'- eJ

'f llQ'ouc i)htI;P:U_,~,COn'l/~D:!t:5'Q,?bbgJO-llOO5OZ3 ... ' III Oil::

~~! Passion Bresil - C I", ,-? ".", • - , , a

-.- .. ~- .. ---

D Cllquez sur Ie bouton _lGDa~te~J~~

Edit correspondant 2fZZf2OO5

u

au message que vous

souhaitez modifier.

--~

Post Title

2122/2005

~ 2005 : annee du Bre~ n en F~rree I

~ C~m.(l~oI'It de Rio 2005 ' RepetWons: au Sembcdrcme

Alicic

Allcia

14

Editer son blog

Au programme: de nombreueee manifestations de mars a decembre 2005.

Un site Internet consacre exclusivemenr a l'Annee du Br@siJaere euverr le 18 jenvier-.

Effectuez les changements desires dans Ie titre ou Ie corps du message, ou les deux.

Louverture des manifestations sera eeoseeree aux "racjnes du Br~sJl" en mars, puis celJoo-d ee tcurneront vera deux eutrea thernatiques successi v es : "verite tropicale" durant 1 'Ih,e, II GaJaltiea" 10+,...*---1 a rauromne.

Cet evenement evait ~t~ annonoe des avril 200 l r a 1 'OC¢i'won de la vjsi~ du Premier Miniatre frarv;a:is eu Bresil et confumee lors de la vieite en France du minstre de la. Culture bresilien, Gtlberto Gil, en janvier 2003

A,liJp,r Nsw Comm8hts; on ThlJ Jlo:!:t

r. Ye~ r: No r No a. Hide EyistiJtg Commerte:

-fH¥+'h-

Les modifications sont publiees dans votre blog. Remarquez Ie nouveau titre et la section aioutee dans Ie message.

Cliquez sur Publish Post pour enregistrer et publier les modifications.

v.r" ioror CD"'~L[11 f"i)fILI

Le nouveau titre est aussi mis a ",,,,",,,,,,,,,,,,,. e ce •• ,."" .::01

b~~,=~=<--------------------------~--'-r-r-~~.~~~~~----~d~.1

jou r dans I a secti on Previ ou 5 Posts. _--========================:::Jt--'-'--'--':";;"';;";';'_--=

Editer son blog

~ ~({Mo:.ge ".rI:ttJ'k;~i

~",k~ -~~ltl t,Wlfl:..,.__-t'sF .... .,- €I

A#K;:r!)btt.p;I/PMsIonbr~

r--r- M::lI'S Pe.ce-wbre- :':00,5 auuee du Br-esrl en Frauce I

C'estoffidell

Aprfs Ie; enneesde l'Alseri-e, celJe:;: d@JoiICllio.ot de ta. PolL)JD.., o::ooo$sera 'l'A.nnae du xresll en fra.na;".

r- Mar:. f o.k .... r:nb~ !;l005 :.jr1~i9.:!u Breed en France I

Cil.rna ..... 1 do Rio '2QoOs· M(:-9titlons .\u Sun.bodrarn-l!

A~ pl'ognmmt; d91.'1.¢m.br~r,U;oOS manife;tation~.:1e marsa deeembee 200S.

r-

L,'Q\lViO.mJIeor;la mamif'.eGt.:ttiml::> eer e ccnsecree alJ:r.:"r.o.cir.res <31.1

~ll· 9.r".I Tl'U.r:Jt p!:Ji:c (.HlU<!JS-<:'I S<!I ~¢~rL''L{',r(!nt Y-On.dl3lJ.ll eurres rhemad.qu(I$ successi ... es :""eti(Q tr()'~e,)I"l~dul'.1nt "ite, "Ga.laJdoes"

..,!!i!utomne.

~{~'Jlin@m~nt a .... ait .(its il.D.Donclodeia'Vri.l acc r, a 1·~i.Ct~ tie la vml"du Premler millime erar~..a.is all Bregl at oonfi:rms.a.lors de Ie 'Il't:r.teqf.! Frino:<l du mil'liatJ'.e d!lj!:CuhllR' br4sili.;m, Gi!berta.G.u,en

15

Creer un

•

len

D Tout d'abord, trouvez la page a lier et copiez son URL. Si vous creez un lien vers un message de blog, cliquez du bouton droit (Ctrt-ctic sur Mac) sur Ie lien permanent a la fin du message. Choisissez alors Copier I'adresse du lien (ou

Ie nom equivalent dans votre -_,-----li~ __ -----.1 navigateur) dans Ie menu.

Cela garantit que Ie lien mene vers I'article en question et non a I'accueil du blog.

f) Dans votre message de blog, selectlonnez Ie texte qui doit servir de lien.


Titl.: !crise du loqamsnt l I
i Edit HTIII_ I Fmpe,e
~ ii'
IF,!" ~INorm., Stt~~ b i ~~~ii t= := " ::r !iii (1 Preview
--
En cette periode de Carnaval, il est bien difficile de trouver un logement
disponible ET a prix decent, dans toutes les villes un tant soit p~~tiques ...
'Heureusement, certains prouvent que c'est possible, y cornpris . t a Rio,
pourtant reputees pour la rapidite de remplissages de leurs hotels e pcusadas l 16

Premieres impressions •••

N~l]le:

Yas & Seb

Nella paseene les prorr Qu~lIii' ambiance I

La p;ol"l5ada d'olin-d.a une etmcsphare rem 1=Itsdns.

PlqMMs

P.!IQMsrnb-cs ~"rlr.~aaueIe~~dansle~~

OUYrf ~ I¥!e"I'(II.N'eIe feMtre ~.~Io!Icl::lf.s:atJ:5",.

Haureusernsnt ncus av excellente adresse : la

et.M.lJJ",rt'!.UtI11rnslobl" ... IN ~n'd"" dg '1M" h!9:l1 1

1 er article de notre blog !

(J Cliquez alors sur t'icone Lien dans la barre d'outils (consultez Infos plus si cette leone n'apparait pas).

Editer son blog

D Collez I 'URL dans la boite de dialogue qui apparait. Les liens permanents sont souvent longs a saisir manuellement !

Informatien. sur Ie lenl-~~==;-=:------'

D Lorsque Ie message est publle,

Mars!rMcombre;oos:ann".du un clic sur Ie lien

Bresil on France !

Carn ... al de Rio zcog c Reperitions conduira Ie visiteur

au Sambodrcrne

....... -------------------.....;t- vers I'URL ciblee sur

I'autre blog.

Title: [Crise ~u log.menl I

I Edit HTML I b i 'll8 ~ ~ ~ "" O'i! j;:::=" e" IJ o

En cene peri ode de Carnaval, il est bien difficile de trouver un logement disponible ETa prix decent, dans toutes les ville; un tant soit peu touristiques ... Heureusement, certains prouvent que c'sst possible, y compris it Olinda et a Rio, pourtant reputees pour la rapidite de rernplissages de leurs hotels et.; ............... -------rn-

PASSION BRESIL

TUfSOAY, fEB~U"'RY 21, uo~

AoBLI UT M!

ALICIA

Crise du logement ~

En cette period. d. Carnaval il est bien difficile de trouver un logement disponibla 51' a prix decent, dans toutes l es vill ss un tant

VI!WMYCOi\l\PLETE PROFlll

soit peu touristiques.

PIl£VIO·j$ J"OSlS

Heur'E!uS€:ment, oer teies pro u ven t q us dEISt possi ble;~ y compris 4 Rio, pourtant reputees pour la rapid it. d. rempliseege d. et pousad as 1

Editer son blog

OLe texte selectionne apparait soullgne et en bleu, pour indiquer qu'iI sagit d'un lien. Cliquez sur Publish Post lorsque vous souhaitez publier

Ie message (non illustre).

17

Garder un brouillon

Que vous ayez enreglstre un brouillon

ou que vous alliez sur la page Posting I Edit Posts manuellement,

vous verrez une liste des messages de votre blog, Remarquez que la date et Ie statut de votre brouillon s'affichent en vert, pour indiquer que Ie message n'a pas encore ete publie dans votre blog,

Si vous n'avez pas cornpleternent terrnine

un message, vous pouvez enregistrer un brouillon, dlfferant ainsi sa publication dans Ie blog. Cliquez sur Save as draft en bas de la tenetre d'edltion.

18

Bien que les chiffres officiels scient indisponibles;

c'est certain. le nom bre de tOltrlstetl,Presents a Salvador cette ann&e est en pletne explosion II

AUow: New comments or. This PDst Cililtnge Tlrn~_& Oa.te

~ res r I~' [s~H3l3iAM3lrivr. ::J~I;ro:;::J

.""'Uii-

J ~. <- - ''''''' ".....-;z~--:::;:_~--.-.- ~~~

,-_. J'. It I (@ -"'" AF- @:'-~ .

~ IllWp:i'_.~,~~~5.Q"fbIool[Jooo1100Sim

(~' Passion Bresil - [ '.co -? " '

.. -,~ .- .

lUNd Ell. I ..... ~ ,~.I"""y1·;ng::J 2!l

Seil!reh:

Date 2mnooo

Allci~

_V--,,'.="'_ DlIlI:!t'l'

21'll1~5

2J22/2005

.!.I

~T~~~ . .--i_-- __ ---- --------LI'n-rl.~~~--~=~1

Editer son blog

Publier un brouillon

o Dans la page Posting I Edit Posts (presentee en bas de la page precedente), cliquez sur Ie bouton -------' Edit correspondant au brouillon que

vous souhaitez publier.

~ Beaucoup beaucoup de touristes cette annee ,

D Modifiez Ie message a votre convenance.

Save as Draft

Beaucoup beaucoup de !"u.isles celle annee, ..

I Edit HTMl I

1= ==" ~ til t7

JFont

que les chiffres officiels scient indisponibles, certain, Ie nombre de touristes presents a Salvador cette annee est en pleine explosion I

On note qu'a Rio aussi le'tiombre de visiteurs est, comme chaque de plus en pluaimpresslonnant. .'

De nouvelles destinatiofis connaissent un essor ; Porto Alegre et Recife, par exernple]

Allow liew Commen Is on This Post Change Time 8: Dote

Co Yes r: No r NoB: Hide Existing Comments r5'::I:J368 IAMd Irevr E1122E1I~oo521

D Lorsque c'est fait, cliquez sur Publish Post pour rendre Ie message disponible dans votre blog. Vous pouvez de nouveau cliquer sur Save as draft si vous netes pas pret a Ie publier.

Editer son blog

19

Mettre en forme

La barre de composition, dlsporuble dans de nornbreux navigateurs, mais pas tous, offre une gamme d 'outils de mise en forme.

Famille de police

Alignement des paragraphe

Taille de police Ajout de lien

Orthographe

Insertion image! fichier

Gras Italique Couleur texte

N _I

urnerotatlon

et puces

Supprimer la mise en forme

Citation

Apercu

<h2 »Au programme </h:2 >1

,-=1 F=ont==~.ElI Normal Size Ell b i "IC!! l'it ::::' ::: ::::' _ D!:= .: =" ~ Ii" 0 l

Pr.eli'iew

C'est officiel !

Apres les annees de l'Algerie, celles de la Chine et de la Pologne, 2005 sera "l'Annee du Bresil en France".

I

I

Vous pouvez aussi mettre du texte en forme en I 'encadrant des ballses HTML

souhaltees. Vous pouvez proceoer alnsl pour utiliser des styles que la barre ne propose pas «h2>, par exemple).

20

Editer son blog

Font

o Selectionnez Ie texte a mettre en forme.

D Cliquez sur une icone ...... ---+- de mise en forme dans

la barre de composition. J'ai choisi italique.

C'est officiel !

Apres les annees de l' 2005 sera'

I Font Ell Normal Size lEI

C'est officiel !

D Le texte selectiorine apparalt en italique dans Ie corps du

message. ----------~---------~

Apres les annees de l' 2005 sera"

2005 : annee du Bresil en France. C'est offidel !

Apres les annees de l'Algeris, celles de 103. Chine et de la Pologne, 2005 sera "tAnnee du BrEsil en France',

I

D Dans l'apercu ou la version publiee

du message, Ie texte apparalt avec la mise en forme appliquee.

Editer son blog

21

Ajouter une photo

~~'!: -81 '-~I ··Hmll

- I., .;[IE]

Vous pouvez utiliser un programme FTP comme CuteFTP (presente ici) pour tetecharger la photo sur votre serveur. Si vous doutez de I'adresse ou de la capacite de celui-cl, contactez votre prestataire de services.

Dans votre programme d'editton d'image (ici Adobe Photoshop - mais vous pouvez

utiliser n'importe

que I programme), enregistrez votre photo au format JPEG, avec une largeur d'environ 300 pixels.

For ~elp, press Fl

22

Editer son blog

Saisissez <img src=vlmage.url. /> ou image.url designe I'emplacement sur Ie Web de I'image souhaitee. II depend de I'endroit ou vous I'avez telechargee a l'etape precedents.

La plage mythique est depuis peu victime d 'une forte recrudescence des agressions ...

Prudence done, pour les touristes comme les locaux !

En esperant que cela ne nous fera pas oublier son charme h'lgendaire.

cirng src=l'http://bresiIJreezee.org/photosblogi' ! >

-

I

Prenez soin d'utiliser des guillemets droits.

La photo apparaTt a I'endroit ou vous avez saisi te code. Elle est --~ mise en forme selon Ie modele de votre blog. Dans cet exemple, elle affiche un cadre gris.

Agressionsa Copacabana

La. pla.ge mythique est depuis peu victime d'une forte recrudescence des agressions ...

Prudence done, pour les touristes eomme les locaux !

En espsrant que cela ne nous fera pas oublier son charme

POSTED 8Y ALICIA AT 5:36 AM t:?

Editer son blog 23

Effacer un tnessage

j 0 ",,,,.we,,. - ~.. • ll§J I / "",",,<hot U oavoti!; ~~ e

J~!tes.sc e:lhrrp:/;~~'.~m.I']YI'8.-J"hI~iO"Il(IlJSlJZ3

~ Passion Bresil - .,-1 '0 [';-hho,,' ? H"O x <'l" 0'.' I!!

- ----~-

B
~ ~-!
v,~w D~~~t~
VH1W [l-l!'~~1-e
V1ew ~ ~ 21221Z005

Date Post Title

I 21<212005

2/2212005

*dijM. • Crise du togsment ! Alicia

~ 2C(l5 : Mnee.dtJ Bresil

"TV" En France ! AUG1~

11!~~~~~~~AgreSSion'S ~

-8!!- Cnpacebena

~ EI eaucrrup b~31)C I)UP .j~ tounstes cett'lil annes ...

Alicia

e¥ijM

~ I -_JJ

24

Edit pO~I:S I ~

Are you sure you want to delete this post?

Crise du logement !

Ell cette ~erl[)de de- Carn~'f.;lll i1 est blEIl dlfficlle de trcuver un ILlgernellt dispooflible IT ~ prix d.ec:enr, dan1 tCII.Hes i.e'S '(lUes un taint suIt peu too-tstloues.

Heursusernent, cert~;(IS proove~t que c'est possible, '<j ccmpris it OIindoll et Rio, pourtant r'~pllMe$ Ill)ur (a rapidlts de rempli;:;'S~Ke de leurs hotels et ClousQd~:i- !

II vous reste une

dernlere chance d'annuler Ia suppression. Si vous etes sur de vous, cliquez sur Delete it.

Le message disparaltra alors definitivement de votre blog.

Editer son blog

Blogger par e-rnarl

o Apres avoir setectlonne votre blog dans Ie tableau de bord, cliquez sur I'onglet Settings puis sur Email.

BlotSend Address

Enter.;ln email eddress here to hav-e your blogmailed to ttIIheMvet you publbh.

Mail-toBloU'" Addr"u

This is en add ress by which you can post to your b10g lila em!i, The secret name mus:t be least 4 char ecte rs

10"1:.

Ajoutez un code secret a votre nom d'utilisateur, afin de creer une adresse e-mail spectate. a laquelle vous enverrez vos messages de blog.

D Si vous souhaitez que les messages soient publies des leur reception par Blogger, activez I' option Publish. Si vous preferez qu'ils soient enregistres en tan~ que brouillons en attente de publication, laissez l'option Publish desactivee.

D Cliquez sur Save Settings pour enregistrer votre nouvelle adresse e-mail reservee a Blogger.

Editer son blog

25

Envoyez un message a I'adresse

~ 113 En.\'O~' I CD[I'II)te,' Ill· I Ill! a.,. I~, t .. j 'f' I I ~ Olltio",,,, • I HTML - - - I" t 2

~~~~~~~~~~~~~~~~~~~~~...J creee a e ape .

~'ia_dUPr., Ii? .dI912@oloQ~.r .eom

. )(

~~~~~::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;;W.T"" L' 0 b jet de vi e nt let itr e de votre message de blag.

Objet :

A""nl de "US dscrlrs I. r"le, pelil rappel:

Selon Ie ealen.rler rell~leu',la period. appelee "Carna",,'" ."oul. 18 6 janvier, jour de l'Epiphanl8 (dale marquant I. fIn des fEtes de No~I), pour '':lthever Ie Mertrsdi de. Cend,",s

I

Carnaval suppose au carerne viands: centre poisson, ~ras: (;cm1re maigre, exces comre privations.

Par opposition au Careme, 18 Carn.val est une periode de ,reJouissance ow l'orotesoclalast inver.l(i , c'est le monde a I'envers, un mends d'eld,av.agance, de folie.

~end

Si vatre prestatalre

de messagerie ajoute une pubticite par exemple ala fln chacun de vos messages, vous pouvez l'ernpecher d'apparaTtre dans Ie blag, en tapant #end a I'endroit ou le message de blag doit se terminer.

26

Le corps du message devient Ie message de blag lu-merne.

TUcSIJI.Y FIIH.U;ltl~ ']1 21Hn

Pre mierjour du Carnaval ~ ------ ...... Le ca.rnava.1 :::~est euvere aujourd'hl,:Jj a Rio. trn-e .;;mbiat1c.e etectriqae r~ne sor tecta le "me.

Av""ntd~voU$de-c-rir~ 1,9, ~te, petit ra.~pel:

Seton 113 calendrier- raligieux, Ie p€t.rioo!!!'appel.be "Carn1l "Ial1d ebyte le 6 janvier I jour de l'Epiphanle

(data' marq uant Ia fin des f9~e~d;E! Noel), "p¢Ui" s"ache'Ye't Ie Mercredi des Cendres.

Ca_rfla .... al s'cppcse au Ca.r@me : v laude centre PO;SSOll~ grasccntra maigN'l excl!s centre privetions.

Par opposition au Car@m'!l ~ 106 Carna. val est nne periooe de r4jou~c@ au Iordre social est in verse ec'est le monde d len vees, un monda d'eztravagance, de fulie.

~O'SHO EIIT .. \ CI'" ,lIT ~·J6I1;-II'I tf

rrr """"'"

'2005 :.a.nnQ.QdOl flr~ler. Frauoa I A~ioh5.t. Col>lI~bdn~ ~UC(lUp ~IJC~Up' dQ rouristes

eettt!.dr'J:n~ _

Premier jour du CiIoi'ndvall Cirna'¥al de RIo 2'¢05 - R6'p.e.titi ODS au Sam bocUomolil

Editer son blog

Utiliser BlogThis

,

•

Commencez par ajouter un bouton BlogThis ! a votre barre de liens en allant sur la page What is BlogThis ! (rendez-vous sur

help .. blogger.com et cherchez BlogThis). Faites alors glisser Ie lien BlogThis ! vers votre barre de liens .

Artie'le Search

Ibl_'1.9!hIS Se.rch

"II W.e-kQme 10 UlQgger! • SLl~port~d Df'ow!ers.

.. ,All about lh~ Post [diUIf • logi n [Hf'fic u,Uie.11

Mo~t Popular

I <~_ drag this llnk to your browser's; links: bsr

La prochaine fois que, en ---~~~~~~C=====~~~~E~~~.i

surfant sur Ie Web, vous

denicherez une page dont un sujet me rite d' etre abo rde dans votre blog, cliquez sur Ie bouton BlogThis !

Editer son blog

27

Lorsque vous cliquez sur Ie bouton BlogThis !, une fenetre apparait, avec Ie

:=T:'.~':' !B~resil~b~resi.~Ora~ .. Ie~'~i'.~oI~!C~i"~d~.r~""'~.~<lJbr~!I!i~~~~~~~~H titre de la page Web selection nee ainsi

I qu'un lien vers celle-ci dans Ie corps du

,l<a href="http://www.br6silbrssils.orgr::-Bresilbl.18si1.org. If! 'iite officiel

"de l'annae du bresilc/a» message.

UOIllgThl",l. MOZ"fUd Hrefox :~

~Blogger ~

- . ---- - - - - ---_ - -_ -

: '/ . , ~\'"

- -

-

Editez Ie texte existant etjou ajoutez votre

pro pre texte. ----1t.~,ref'=·httD://~,w"'.br as ilbre5i1s,org/">Bresilbresil.org, I. site official l'ennee du bresik/a:;:.

Si vous disposez de plusieurs blogs, choisissez celui dans lequel vous souhaitez publier Ie message.

Lorsque vous avez terrnlne, cliquez sur Publish ou Save as Draft.

'1 ! IL ,,~ ~ , ,~ II!!

r '

v n ........ (!;lM~I .• t L f~OII.1

PA.SSION BRESIL

Le nouveau message est publie dans votre blog.

~ I I au ~ J,. '

P;rMilb~.org,I •• It., ¢fflci .. d d ... l'.,nnH dll BrE!!i1i , .. 'lO • .oU , ... ~ 1~. UIo II (C."llotl$ I'

B:re;;ilb~lJ.ore.lli! S11_eoffi~i'3ld;g

l'aneee du Bresrl Pr\:!mi<:l: jour du C4, I,.~·tl !

'''-:I)Q!i; OIuDooJ1te.t~l\·r. rtill'l~ I Agr.:s:ricU5.;C~pa;~Mtla ~u.coup beeuceup d'.! t.ourist~

¢<'ttiil .. n~~ ...

1'1 • III If! r j01l1" du CiU'I,hlY.,1 '

LEo caruaval s'est oucart oIuJo.urd'hui l Rio, U'fl03 ;u:nbb~~

28

Editer son blog

Infos plus

Ajouter un message

• Si vous voyez la page d'accuei.1 generique de Blogger et non

Ie tableau de bord, c'est probablement que vous n'etes pas encore connecte.

Le lien vers un autre blog

• Si vous utilisez un navigateur n'offrant pas de bouton Lien, vous pouvez saisir Ie code HTML manuellement. Saisissez <a href=»urlll> avant Ie texte a lier, et <fa> apres. Cela devrait donner :

<a href=;.http://www.site.com/ cible.html .. >texte du lien</a> Prenez soin d'utiliser

des guillemets droits et n'oubliez pas Ie http://.

• Lorsque vous publiez un message, Blogger fait trois choses : il ajoute Ie nouveau message dans la page principale du blog, met a jour la page d'archives et cree une page individuelle pour Ie message, dont la fonction est d'afficher

ce nouveau message. 'Cornme

la page d'accueil d'un blog

est regullerernent mise a jour, utiliser I'URL principale comme lien vers ce nouveau message ne fonctionnera que [usqu'a

Editer son blog

la production d'un nouveau message. Vous devez utiliser ce qu'on appelle Ie lien permanent pour creer un lien vers un message specrtique du blog.

• Blogger cree un lien permanent sur I'heure de publication afftchee dans la signature

de chaque message. Le lien vers les commentaires, qui figure dans la signature, est aussi un lien permanent. Dans les anciennes versions de Blogger, ce lien apparaissait sous Ie nom de Permalink.

• L'URL d'une page de messages change (et de ce fait Ie lien

n'a plus rien de permanent), si vous modifiez Ie titre, Ie mois ou l'annee d'un message.

• Si vous desactivez les pages

de messages dans la page Setting I Archiving, les liens permanents de votre blog changeront, etant donne que les pages de messages cesseront d'exister. Blogger conservera alors taus les messages dans

la page principale et creera

une page separee pour chaque groupe de messages archives. Dans ce cas, si vous modifiez

la frequence d'archivage, les liens permanents changeront.

29

nfos plus

Publier un brouillon

• Vous pouvez aussi editer un message deja publle puis I'enregistrer en tant que brouillon, afin de Ie supprimer temporairement de votre blog,

Mettre en forme

• Bien que la barre de composition solt concue pour vous evlter d'ecrire du HTML, vous pouvez parfaiternent saisir des balises HTML dans Ie message.

Inutile de passer en mode Edit HTMl. Si vous Ie faites, vous remarquerez que Ie code HTML reste intact. Mais de retour dans la barre de composition, Ie code HTML apparaTt comme affiche dans un navigateur.

• Une des raisons pour lesquelles vous pourriez vouloir ecrire

votre propre code HTML est

que la barre de composition n'offre .qu'un nombre limite d'optiohs de mise en forme.

En revanche, manuellement, vous pouvez saisir n'importe quel fragment de code HTML.

Ajouter une photo

• Vous pouvez aussi redimensionner une image directement dans la zone

30

de composition. Pour faire apparaitre la photo, cliquez sur Ie bouton Preview puis sur Hide Preview pour revenir en mode Composition. Vous devriez voir la photo. Faites glisser les polgnees de coin pour la redimensionner. 5i vous souhaitez la redulre considerablernont, utilisez alors votre programme d'edrtion d'image; Ie fichier sera ainsi moins volumineux et plus rapide a charger.

• La plupart des fournisseurs d'acces a Internet (FAI) offrent un espace d'hebergement

a leurs abonnes. Consultez

les pages d'aide sur Ie site

de votre FAI pou r savo i r si vous avez acces a un tel espace pour vos photos.

• N'oubliez pas de demander I'autorisation d'utiliser

des photos qui ne vous appartiennent pas avant de les inserer dans votre blog.

• Des services d'archivage de photos com me hello ou flickr peuvent stocker vos photos

et automatiser la mise a l'echelle, Ie telechargernent et l'ecriture du code dans votre blog a votre place. C'est une

Editer son blog

Infos plus

solution interessante si vous n'avez pas d'espace Web a votre disposition ou si vous n'etes pas a I'aise avec la procedure de telechargernent. En contrepartie, ils demandent que vous placiez un lien vers leur site dans votre blog.

• Blogger affiche une leone Insertion imageyfichier dans

la barre de composition. Cependant, celle-ci ne fonctionne que si vous hebergez votre blog sur votre propre serveur, comme explique

au Chapitre 7. cera facilite beaucoup Ie telechargernent de l'irnage et l'ecriture du code.

stagger par e-mail

• Lorsque vous envoyez un message de blog par e-mail,

il vous faudra peut-etre editer Ie message une fois publie, pour ajuster les retours a

la ligne, par exemple.

Editer son blog

Blogger depuis la barre d' outils • 5i du texte est selectlonne

dans une page Web au

moment 00 vous cliquez

sur le bouton BlogThis I,

ce texte sera aussi reporte dans la fenetre BlogThis !

• Bien sur, vous n'etes pas oblige de reellement ecrire au sujet

de la page visltee, Peut-etre vous a-t-elle simplement rappele quelque chose a ajouter dans votre blog. Dans ce cas, effacez les informations concernant Ie site et ecrlvez votre message.

31

3. Personnaliser son blog

Blogger enregistre vos messages dans une base de donnees interne, et non dans des fichiers statiques. Lorsque vous cliquez sur Ie bouton Publish Post, Blogger genere une page Web de blog, en analysant I'information qui se trouve dans la base de donnees et suivant les regie? de mise en forme du modele de votre blog. Vous avez choisi ce modele au moment de la creation du blog. Le modele est constitue d'une feuille de style contenant les informations de mise en forme, de balises speciales de modele qui determinent I'emplacement de chaque partie du blog dans la page Web, et de texte statique et d'icones, servant a identifier les differentes parties de votre blog.

Pour personnaliser votre blog, vous pauvez choisir un nouveau modele, ou modifier un modele existant et publier a nouveau votre blog. Les messages existants serant alors mis en forme selon Ie nouveau modele.

Blogger offre aussi plusieurs options concernant I'heure, la date et I'archivage des messages, que nous traiterons a la fin de ce chapitre.

33

Ajouter une description

o Apres avoir choisi votre blog dans Ie tableau de bord, cliquez sur l'onglet Settings. Les reglages essentiels s'affichent dans cette page (Settings I Basic).

(J Cliquez sur Save Settings en bas de la page.

Si Ie titre de votre blog est olutot vague, la description peut etre utile pour capter I'attention de vos visiteurs.

34

I
Titlil!' IPassion B~esil

DescrjptlQn un :bJO~ pOUI: l.es a:rt1out:eux Ott Br ee f L e t; t.our e ~
Ls act.ua Lt c e franc::o-torE!Si11er..ne etu memene
...
500 Chereeters Ma~.
Utilisez la des I,.,ri tion our donner a vos EI p p

lecteurs une idee de ce qu'lls trouveront dans votre blog.

Settings Were Saved Successfully

You must ".".11.'1 your blog to see the changes,

I

EI Pour que la description snit ajoutee, vous devez alors publier a nouveau le blog.

PASSION BRESIL

PersonnaUser son blog

Au sujet des moclebes

Un modele Blogger specitie la maniere dont chaque message du blog doit etre converti en HTML (au XHTML) et la mise en forme, ecrlte dans Ie langage de feuilles de style CSS (Cascading Style Sheet), qui doit etre appliquee. Vous pouvez choisir un tout nouveau modele ou modifier Ie modele existant.

Apres avoir selectionne votre blog dans Ie tableau de bord, allez sur la page Template pour cholslr ou edlter

~------------------------~--~+-

un modele.

Cil-anlll! the Bl.ouer l1avBar

lhI! I!IID!NIlr N!IW6.<I, n 1I,1101~~ion .... r _ tocbar with II form th .. taIT"W~V6 ... ~11i! ~iII ~1!i1r,lJ,jIIj~ I('OJ~ 1'o'P011l$ w'lns ~~I"i';:: ~h'!Rr~1'I ~ ~i~ l~U 'ih4l :!ibm,,!!,, ~o .:be~1o! Gill wh"t'f h:apJ)lMing Of\ ether ~E!ntlyllubli:ibl!d i"J.1Gg'l wi1hOr11'!dkk_ llrn bar rt!pl .. r~ th,. 1I!IInr\i~m.nu Ih:nluld \0 bit dtJPbled In Ih4 tQP 9-( ~(l~ ~QS~·

<!DOCTYPE html PUBLIC "~/fliJ3C//DTD);JfmL 1.0 5c.t:lCt.I/e'~" ·'br.tP!/lWmI·TiJ':j~r:1,r:IJ.I'IlVxbt.m_U!'D11lJI

<hUll xmln,.rrhtt.p: 1l~.u'3. o:.:.q/19'9lSl'J:-:~tlD.1'· :-:m.l: leng=",eH" lsng=""-en"> I &~ ~~l e><~:e tOgo:!:' ~i!!Ti t.l~ ~ ~~J tiltl e>

<3'Cyle r:ype="t,eKt./C:3:9")-

i~,:~ =~_ ~ ~ ~~~ __ ~~ ~ _y _

\B1C1g-glf:t: TempletI'! S"Lyle

INe:m.e: :M1ni'lll.~

rDEsigner:: Dougla3 EOTJD8I'J.

itiRt,= ToI'ta"Io.'I~::!I'l:.llpde~ign.C:Qm

t~~~~~ :_~ _~:~ _:~ ~ ~ ~~~ ~ ~ __ ~_.~= ~ ~ __ ~ ~~ __ _ _ __ _ _ 1r J

Le bouton Save Template Changes permet d'enregistrer les modifications au fur et a mesure.

Le bouton Clear Edits vous renvoie a la cerniere version enregistree ou modele.

Le bouton Preview permet de tester les modlfications, sans les enregistrer ni les appliquer dans Ie blog.

Personnaliser son blog

36

Choisir un nouveau moclefe

Herbert

Cre.ted By: Jason Sutlel'

Tuesd",y. Fe-'lJn,HY 21, ZOO'j

Bres'ilbresiLorg, Ie site officiel de rann~e du Bresil

Blogger offre une collection de modeles elegants et professlonnels, Pour en choisir un nouveau, allez sur la page Template I Pick new.

Une liste de rnodeles apparattReperez celui que vous preterez, J'ai choisi Herbert. Cliquez ensuite sur Ie bouton Use This Template.

Setting, Were Saved Successfully

YOl.;l must yOl.,!(' blog to $ee the C:h ... ngss.

U I

Vous devez1publier a nouveau ,Ie blog pour appliquer Ie modele.

Le blog que no us

avions cree s'affiche desorrnals suivant Ie nouveau modele. Quelle difference! C'est toute la puissance des rnodeles.

En dehors des differences flagrantes de couleur et de police, il y a aussi des changements dans l'organisation de

la page. Les modeles permettent de choisir les sections a afficher.

Brs;;1Ibnil':;11 Of]" Ie :;;~4! off\ciB~ dl!l l'annee du Bresil tt pO>_I~lId ;b), ;II Ii I;!;'!I = 7: 411- Nt D com menrs #

Vold;::or'llme psomls l'ald'f'es$e d'u site Web off~iel de l'ori!"lee '-d,W! e~eis1l M FnH'lce :

Premier jour du Camaval !

1:.8 ceme ... .cl s-ast oLJ'I'8rl i)ujourd'hui.a Rto. Un~ embtanca

" ,

36

Personnaliser son blog

Liens et sections laterales

oCilM"tp thm' Bb&c.H f'j~rli{!r

1tJo, !rbJ3"'; "b,..-br k ~ "'-"v\':.,loI!.:tJn _ ,Mib.or "",til ,. 'LIm .h.l.t .>1<1 .... , ~ '" r.u~.rh jmJ!rO"'" _Io:ilu,~ 15~ iit£".u..a. :H".<:I'iJE-.ou ro<J ,."...a:.ii1.,,~d"...& ""tvh.:lt~ ~r.v~'Q.o..r ........,(~f roJbH>iNJ ~...-Itt. _ did4. Ti1 ... bar rofjliK., 1M aof- ... r!i,.,r. .... 1:F 'IhJiIUoM ~~ ~di.pL;ort-d itt ~t'J!> ... rK!!lll~I.

o .Au centre de la page Template I Edit current, defilez vers Ie bas dans Ie modele Herbert, pour afficher la section Sidebar. Peu aprcs, vous verrez la section Links, qui contient des

-,...._--- <~~~1!"!11!!1(/J'J6:i-

emplacements pour les liens.

<.li).<~ h;:e~ .. nht;tp: Ilm:lI'l!I. jDo~li!!. GIJ"'I">G>IlI:J,~lo! Ntlll~</ru-(!lb (li:><1!I; Iud .... ht;t;p: IIEDITIIE !''',Edit-lleoo:/c><jl L>

'( 1:1]"(11 t'l[i~:t: ,,"heCj;i: I f.E:DI"f'12: !"'''~di't~~,=",/~ 111;!"

I_Mi·be

<h6>Links<!h6>

<ul>

<li:><a nr e f~"h'C'CP: I Jneurs. [Joogle. comJ">Google Ne1<ls<Ja><!li>

<li:><a hr e f="h'C'Cp: I J1jj1jj1jj .bresilbr:eslls. oI:[jj">BI:.esilEr'8sil. org-</a><ili:>

</ul> I

I

IE) Saisissez I'adresse de destination et Ie texte associe pour chaque lien que vous souhaitez voir dans la section Links. Vous pouvez aussi supprimer des liens sf vousle voulez.

Februery 2005

Archives

View my complete profile

Bre5ilB~il. org

Personnaliser son blog

links --=

Google t~ews D Dans I'apercu, ou la version publlee,

vous verrez les nouveaux liens. Comme cette section fait partie du modele, elle apparaTtra sur chaque page du blog,

37

Supprimer Ie profil

Nous allons supprimer la section About me, qui affiche des informations sur Ie profil Blogger (que nous abarderans en detail au Chapitre 5). Dans Ie modele, detilez vers la section Sidebar, jusqu'a

voir <$BlogMemberProfile$>. C'est une balise de modele. Elle est remplacee, a chaque fois que Ie blog est regenere, par des donnees que vous avez enregistrees dans Blagger. Vous trouverez une liste complete des balises de modele a I'annexe A.

:., Pa .. ion Bresil . , • • ,

.. --

-«. 1_- S'i.debe.r --:> <d.iv id.='·~iaeB~t:")o

'""'...,. ... ,.. ..... (" ..... ",..~ .... k' ..... _u ........ ~ .. .,,;_ ..... ,"""""' ... , , p._

~,"""-..tj"'_tm.....:i_""'o:..tg.~..,_"""_t\h_lo.g eIf.IJ

... _,........ ......... "' .... ctn ~ .. tar 1~"'e..w .. :rtW:_'" .... '" .. $,..MdI,~~ ItIoIl • .t_!II(cf

<1-- 11<1".);11 ... :: .,-» <(;i ... id-"=!dollu''>

(!-- lfI eeeeeeeaee ~ U'.e e~ ... Q'~~~ "<:~.'I"~ "-~"",i.,,,,. ~~"""" 1"",..,,, th1.'1 butt= 5~!t" «I (!p..:: .. h'I:.~."l!It'q)! 1/lNY.bl0ITgtt.cca~)(1ao' lr1e'tll·"e:~r lJ:c1Qho;;-~:l1" 'tlC."~U:_q>(Jlbtl.tt.Cru,13-10Q~l:,CO <Idirh

.

Ii1

Llnk.s

BB'::.j'E1r!!.I' "Dr!!. ~dlt·N·

Archives

L. c"mD~I!I! ,'.~toU .... rt -!lJjoord'tiul i Rio. Una !l.mbIBt"NI eleetrlque rein. Jl.Irtc\Jal.!l Yllill.

<! --

Appuyez sur Suppr

pour effacer la balise <$BlogMemberProfile$>.

111111111111,1'11[11"111111111111111111 III 111111

"11&~iJ"1· r~b.11t1.1 'f U, lOa'";

BresitilrE:sU,orgj Ie site ofnciel de I'anoee clu 6r~SlII

Vo,=:1 eoreme prllmi:! rsurasse €II..! sue Web Drflc~l de L'1Ifln,sB dlllrS~~ an Frlllncs:

!llit..t~j!...Q,':!I..!!t11'.a Dff~ie' (fa 1'lIMee d1..l 8nu;1 '" pClrt.~ b~ ~'II;lt: 7:44 UP. _, ~lI"'"~.nl::r ;

Premier jour du Carnaval t

38

Dans l'apercu, ou la version publiee, la section About me a disparu du blog.

Personnaliser son blog

Renotnmer les sections

----- -_- -----

ChlllCtl 1110 s~ I B!ue iJ

fl)oI~r "'~lr"ll~riII",=Ifl::o'lC9'WIII t_trW'ell ,,"mNlllfio'fIW_.pII IDJ4Irrn""rlC'W "'IC(oII!Iw'l\l~l"I'flllSI~m._,'_~",wnrYQla...:kQ;llY'lll1~,;n~r (t(0I!'lfr~DIOjI~~aid!.rrrlJlltlrrt~tIUPIilll .. r'5~""'IIl"llQ:..dl~;UJ.t., lIlI'l.i7fOtAllJ>l~JF'

Dans la page Template [ Edit current, faites defiler Ie contenu vers Ie bas, jusqu'a la partie Sidebar, pour afficher la section Archives. Selectionnez Ie texte qui L.;<O~I,~"=:.,,,:O::"b::::.' '='~=:<1~!>~""::':".'~"'~'<:;::'>l"::''':O::,,,,,~1v:::;'''''='':':':>'~><'::::''"::OO'~''::-::.'v::::",::::p,+-If-- se tro uve entre Ie 5 ba Ii 5 e s h 6.

<,,~n:pl[ ~~I!! .. W'[~t/].lL\I'Uc:~jpt" 11ll".IJ'II!I:'il~""~~eI'Q:dpt.'·l>1l! floli':!.I';'loMll.1

'"',

0;11Xo !:,,;~(."bt·rp.llo"W$,qooQle.clJ'&J")~~l! liIn"-</IIt></li>

<.l1><l!I br~t."bt-t:p:II_, la:t.ill:!I;:~j!~!;'. "':;fJ/">':;;-~Ub::elJib. Ofq<!tJ>-<,

</ul>

.r---------------+_ Remplacez le texte par

<h6>Hi8torique~/h6> Hlstorique. VOU5 pouvez

cui»

saisir n'importe quel

texte, sauf des balises.

<luI>

<BIoggetAtchives><li><a href=·<'BlogArchi~eURL~>'>< cscr ip c type_Htext/j evascmpt," 1 anguage=" J flva.scrip

Liens Google News Bresilbresils, erg

vous devez afficher un article au publier a nouveau Ie blog pour voir les modifications. Renommez de la merne facon la section Links en Liens.

H istoriqUe+--___.,1

February 2005

Personnaliser son blog

39

Ajouter une section

Voici un gros plan du code HTML

de la page Template I Edit current, cornmencant par la section Liens, que nous avons modifiee precedemment, Le code existant s'affiche en rouge, Ie nouveau code en noir. Les points de suspension indiquent que tout Ie code existant n'a pas ete reproduit ici.

I

Dans ce modele J les en-tetes

de sections laterales (Liens, par exemple), contiennent des balises h6. Nous allons nous inspirer de ce systeme pour notre nouvelle section laterale.

<h6>Liens<jh6> ---------1 <ul>

<Ii><a href;:::o" http://news_google_ orn,' " >Google News</a></Ii> <Ib-ca href=" http://www.bresilbr sils.org/n>Bresilbresils_org</a></li>

Comme la section Liens utilise une liste non nurnerotee (balises ul), nous utiliserons egalernent une liste non nurnerotee pour une section Messages precedents. Respecter Ie systerne de balises existant garantit que la nouvelle section aura la merne apparence que les sections deja presentes.

40

Personnaliser son blog

Commencez et terminez [a liste non numerotee avec des ballses ouvrantes

et fermantes <BloggerPreviousltems>. C'est une des balises de modele conditionnelles de Blogger, Elle generera Ie code qu'elle contient (dans ce cas, <lb-ca href=,,<$B[ogltem ... </a></Ii» pour chacun des dix derniers messages

publies. I

<h6> Messages precedents </h6> .

N'oubliez pas la balise fermante </BloggerPreviousltems>. Notez que, pour toutes les balises de modele Blogger, la casse des caracteres est importante. Vous devez, dans cet exemple, utiliser un B, un P et un I majuscules pour que cela fonctionne.

</BloggerPreviousltems> </ul>

Chaque message precedent sera un element de liste individuel (mis en forme avec des balises ll) et contenant un lien (Ia balise a).

" > >

Ces deux balises de modele recuperent I'URL ainsi que Ie titre des messages precedents, et les utilisent comme lien vers I'ancien message.

Liens Googlo New.

BrestLbresils:.org

Les balises de modele presentees ci-dessus gene-rent ----,

Ie contenu souhaite, Par ailleurs, I'utilisation des memes L Me$s~ges precedents

balises HTML que pour la section Liens garantit une mise Br.'ilbl1>,il.p'g,I"'iteofticielde

I'.enne.e du BrBsil

en forme identique pour les deux sections. Notez que Blogger Prarntar jnur duC.rnmlI

affiche un maximum de dix messages precedents. lOO5:.l1ne~'I')Bre>il.nFroncel

A@n:I$SIOnS D Copecebene BE'aUCDUp beaucoup de lOUI tstes tl?r.1:e eenee..

(1!'rn<!l'la( de Rio 2005 Repetitions au Sarrtbudrome

Personnaliser son blog

41

Trouver la bonne balise

Dans la page Template I Edit

current de votre blog, defllez d1v!o.1nClm(flo.t:len;padding:13px sOpx IOpx 5~;"idth:66';) Cl1vl.s1del3l!!1t [maz:gin: Irpx l-e.m. Dpx Opx;padding: upx • cext-align: r:i

vers Ie bas jusqu'a afficher jh •• d er (p.ddin~:Opx Opx Ow Opx;"a<gin:Opx opx 20p" Opx;bo<d hl~h2' .h3..-b4 fhS Ih6{pad.d.1nQ; Ol"j{ ; w.e.z: gin: [tV x ;}

les parametres de style hI 0: UnI«t","t·deco< .. ion,none;oolo<: HYfArA,)1

hi a: v1$lt.e:d{'Cl!x'C-d~cO'[8t.i1jll.: none s co Loz : I,.YrAFA~ 1

pour les balises hi. C'est ----!--------hl(pOdding:16px opx l~px ",,,argin:Opx OJ:Ix 8px npx rooroervco h2{:m.6I:gi.ll; Opx Dpx Lllpx Op>: ;pa.dding: 2px Opx zpx 5PK ;botdet-t:i

ici que nous allons effectuer h3{m.rgio:IOpx Opx Opx Opx;p"dding:Opx np» Op' 2,;botdet-bo<

h4{c:olot: 'aaD033;)

les modif tl (. I g h6{colot::,f"fJ:ll5DO;font:bold 125;: Verdana,San:s.-Serif:}

I Ica Ions a a pa e h2 .• ioebor-Citle{ma<gin:0j:Ix;colo<:#FF4500;font:bold 125" Ver

suivante). ..icleB., u.l(margin:Opx OJ:Ix 33px Opx;padding:Opx Opx Opx Opx; 'sideBar li{Elail:qin: upx Opx Opx Opx;padding:Op)( Op)( Op:.: Op:.::l ffd.escciption(pa:dding: Dpx npx Opx 5% ;:n:u:u:qin: Op:-:;co!or:19ES20S ,bloqPost{me..rqin:Dpx 6px 30px Spx;font-size: 100";}

. bloqPost str:onq{colo:r: lOOOOOO;font-weiqht:bOld;}

IsideBa.r ut a{padding: zpx ;m_aIlJlin: Lpx ;lJidt.h: 100% sbo r de r : none;

Pour changer I'apparence des mots Passion Bresil, nous devons d'abord savoir avec quelles balises HTML ils sont mis en forme.

Affichage ,. Favoris l')utils >
Barres ~t~;- • -
Barre d'etat
Volet d'exoloreeon •
AtteiMre •
Arreler E:cha~
Actualiser F5 !
T aille du texts • I
(odage .11
Rapport de confldentialwe ... II
Plein ecren Fl1 42

Lorsque la page du blog est ouverte dans votre navigateur, cholslssez Affichage > Source (ou l'equlvalent dans votre navigateur) et trouvez Passion Bresil dans Ie code source qui apparalt, Vous pouvez ici Ie voir entre des balises hi.

-(I __ Heading --)-

-cd iv icl~"header">

~hl>-------------------------i

Passion Bresil

<~l>--~~~~~-~~~--~~

<p id="description">Un blog pour les amoureux du Bresil et t our e l',c<uali<e franco-bresilienne du momen,</p>

</div>

I.

Ec!i'1 current L Pick (lew

Change the IlIQ~C'" NavBM

TMe 610uer NavBar Js e navlgatl?n bar i:lrId toob:u with a form that allows

usina Goo~e's $iteSoMr'eh ~nd g1¥'es you the Clblttty to Check out what's reppem bI()C1 with one click, This.ber replaces: the edverttsements that used to be displa.'!

Personnaliser son blog

Modifier (, en~tete

Les donnees de style CSS origlnales (presentees en bas de [a page precedente) s' affichent sur une seu Ie llgne. Des retours a [a ligne tacilitent ici [a lecture etl'editlon.

Le premier changement essentiel est d'augmenterla valeur de remplissage (padding) a 68px pour agrandlr l'entete.

hl{paddi.ng:68px Opx 10px 5%; margin :Opx Opx 8px Opx; border-top:solid 9px #FF7F50; border-bottom:solid lpx #OEB887; color:#ffebcd;

backgroundurlthttpr/ jwww.aliciadupre.comj passionbresiljimagefond.jpg) #4c2411 bottom left;

font:bold 266% Verdana,Sans-Serif;} ...

Ensuite, nous allOn~ger sa couleur rose (#fffafa) pour la couleur beige (#ffebcd).

Enfin, pour l'arriereplan, nous allons ajouter une image de fond, ahgnee en basa gauche (bottom left), ainsi qu'une couleur de fond marron sombre (#4c2411), au cas ou I'image ne s'afficherait pas.

Meme si vous n'etes pas expert en CSS, vous pouvez effectuer quelques modifications rapides pour apporter une touche personnelle a votre blog. Vous trouverez un tableau avec les proprietes CSS et les valeurs possibles a l'annexe B de cet ouvrage.

Personnaliser son blog

43

Harrnontser les couleurs

Modifiez la couleur de la bordure Ensuite, changez la couleur des titres

superieure de l'en-tete en un rouge des messages (balisesh2) en un marron

sombre (#aa1413), semblable sombre (#4c2411) et la couleur d'arriere-

a celui de ". plan pour Ie rnerne beige (#ffebcd) que celul present sous I'en-tete,

h1{ border-top:solid 9px #aa1413; ... } ...

h2{ color: #4c2411 ;background :#ffebcd; ~~-___.

I h6{. .. color:#aa1413; ... } ...

.. byline a { ... color:#aa1413; ... } ... -----,

L..--I _------.

Pour changer la couleur des titres L Enfin, nous allons aussi utlliser

de sections taterales (Liens, Ie rouge sombre (#aa1413)

Messages precedents, Historique) pour les liens de signature des

en rouge sombre, modifiezla balise h6 et speclflez la couleur #aa1413.

messages,

Les points de suspension ( ... ) indiquent qu'une partie du code reel a ere omise ici.

Une gamme

de couleurs ---..,....: hornogenes permet d'harmoniser Ie style du blog.

C'est aussi un des aspects des feuilles

de style les plus simples a changer.

Tues d ... 'I. F'eI,Hu,;u:/22. 200'j

.. i- ll.orq, te site offidel de i'"n~ee du

Bresil

Vok:t corome promts l~dre~se du ~ita Wab offidal de 'l~nn~i3 d'J

44

Personnaliser son blog

Ajouter un pied de page

Certains modeles disposent d'une section de pied de page. 5i ce n'est pas Ie cas de votre modele, vous pouvez I'ajouter. Placez Ie curseur apres la balise fermante </Blogger> (qui slgnale la fin de la liste de vos messages de blog) et saisissez votre pied de page.

l• ...</dlv>

. </ltemPage>

.. .. </Blogger>

<h3> II Un peu de folie est necessalre pour faire un pas de plus. " - Paulo Coelho </h3>

<I- lin accordance to the Blagger terms of service, please leave this ....

Au lieu de generer un nouveau style, j'al simplement utilise la balise d'un style qui me plait. La balise h3 est deja utilises pour l'en-tete des dates,

Comme Ie pied de page est lnsere apres la balise </Blogger>, elle apparait une fois seulement et n'est pas repetee apres chaque message du blog.

"UI1, peu de folie est n!!ce~saire. pour .fili,·e lin pas de.pl~l~: '.' ... "_ Pilll~O ~~elho _--+ _ ___,I

Vsndr'edi 12 decembre : Belja-Flor

Samadl 13 dacembre : Portela at Sa[) Clemente Dim<lnche 14 decembre : Mongueira at Caprtchcsos Vendmdi 19 dacernbre : Mocidada

Samedi 20 decernbre : Tradi(iio et Porto da Pedro Dimanche 21 decsmbre ; Grande Rio at Unido> do Tijuca Samedi 27 decambre ; Tradi<;:ao

Dirnanche 28 decernbre ; Selgueirc

It posted by Mlei": ~,21~/ili 0 comments

n[p-",,~ I I.., Btagger

Personnaliser son blog

45

Sauvegarder et publier

Enregistrez regullerernent les modifications du modele en cliquant sur Ie bouton Save Template Changes en bas de la page Template I Edit current. Le modele est enregtstre, mais les modifications ne sent pas automatiquement appltquees a votre blog.

Si vous souhaitez tester I'apparence de votre blog avec les modifications, sans les appliquer pour autant a la version publique, cliquez sur Preview.

Pour restaurer la derniere version enreglstree du modele, cliquez sur Clear Edits. Notez que vous

ne pourrez pas annuler cette action. Toutes

les modifications sont definitivement perdues.

Une fois que vous etes pret a appliquer Ie nouveau modele a la version publique de votre blog, cliquez sur le bouton Republish en haut de ta page Template I Edit current.

Settings Were Saved Successfully

You must

I

\lour blog to see the changes.

{j

('(au carl .a1S-Q •• lIlton,y,)

Si votre blog contient de nombreux messages, vous pouvez publier a nouveau I'index uniquement en guise de test. Cliquez sur Republish Index. Le nouveau modele sera applique uniquement aux pages principales du blog, et non aux pages de messagesindividuelles .. Vous pouvez ainsi obtenir I'avis de visiteurs avant d'appliquer deflnitlvernent un nouveau modele.

46

Personnaliser son blog

Sauvegarder Ie modele

Le modele de la page Template I Edit current connait une existence plut6t precaire. Pour Ie sauvegarder, selectionnez tout son contenu et choisissez Edition> Copier.

Collez-Ie ensuite

dans votre editeur de texte, et enregistrez-

Ie dans un fichier.

Si vous effectuez

des modifications involontaires dans ---<I-votre modele depuis I'interface Blogger,

il vous suffira de

realiser une copie de votre fichier texte de sauvegarde, puis de Ie remplacer.

save Templ.te cna~ges

<head>

<IIUe><$BlogPageTitle$></title> <style type=text/css">

b ody{ m .'9 in:O px: p addi nqflpx; bac kgro und:#fflIff, color: # OOOIlOO;font:0.gem "Trabuchst MS" ,Trebuchet .Verdana ,Sans-Serif;}

a{color.#OE7008;}

a: hover{ color:#EOAD12;}

fflo go{p ad din g: 0 px: rna rgi n: 0 p~;}

divlffilainClm(float:lefl; padding: 13p. SOpx 10px 5%;widlh:SB%; I di\l#!;ioeBa~margin:Opx 1 em llpx Opx;padding:Opx;text-align: right; J #header{padding:Opx Op. Bpx Opx;margin:Op)( Op. 20px Opx;border-

bottom:solid 1 px lleeee.e;border-top: solid 2px #FFEBCD; background#fFEBCD; color:#8B4513;) hi ,h2,h3 ,h4 ,hS,h5{padding:Op.;marginDpx;}

hi a:link{text-decoration:none;color:#FFFAFA;}

1 hi a:visited{text-decoration:none; color:#FFFAF A.}

hi {padding:68px Opx 1 Opx 5%;

~ar~in:Op. O~~ ~px ~,px;. ,. _ _ __ . _

!Ugn.: I Col: 1 [ Modifi6

PersonnaUser son hlog

47

Modifier la date

Dans la page Settings I Formatting, affichez Ie menu Date Header Format. Choisissez Wednesday pour afficher uniquement Ie jour de la semaine.

...... ---+-Tuesday _ __ _ __

BresilbresiJ.org, Ie site officiel de l'ennee du Bresil

I


Date Header IWednesday, February 23, 20OS..:J -f)
Format Wednesday, February 23, 2005
212312005
2.23.2005
Arc:hive 20050223
Index Date 2005102123
format 2005-02-23
23.2.05
2.23.2005
Timestamp "'
Wednesday, February 23
Format F abruarv 23,2005 Une fois les modifications enreglstrees et publiees, vous verrez Ie nouveau jour au-dessus de vos messages .. ,

48

Time$tamp I ~!2312OO5 025914 AM iJ

Format

2/2312005 02 59 14 AM

Wednesday, February 23, 2005 2123/2005

2:59:14 AM

02:59

23.2.05

2:59AM

Descendez un peu plus bas dans la merne page. Vous trouverez Ie menu Timestamp Format. Comme nous avons supprirne la date de 1 'en-tete, nous allons I'ajouter dans la ligne de signature.

Voie; comme promis l'adrasse du site Web officiel de l'anne8 du Bresil en

Frencs : '

Bresiibresll.arg. Ie site official de I'annes du BresiL # posted by Allcia : 2/221200507:44: 51 AM 0 comments

I

I

... ainsi que Ie nouveau format de date dans

!a ligne de signature.

Personnaliser son blog

Archiverpar semaines

Historique February 2005

Par defaut, Blogger archive les messages de votre blog dans la section Archives (que nous -i- avons renommee Historique) en speclftant Ie

'-- _____J mois et l'annee.

Dans la page Settings I Archiving, menu Archive Frequency, cholslssez Weekly pour archiver les entrees du blog par semaines (vous pouvez aussi choisir Daily pour un archivage quotidien).

Archive frequency

Enable Post Pages?


Ar~hive Index Date J February 2005 !l-o
Format 02i1J 112005 - 0212812005 ~
2005i1J2 . 200Si1J2 I
Tim".t..mp faTm",t tl2fIDIlS
02.2IJ05
200502
02,05
Time Zone 2005-02 ;;_
2D05.02
February 2005 l!
200Si1J2 Une fois les modifications enreglstrees et publlees, vous verrez I'archivage des messages par semaines - et non par mois dans ia section Historique.

Personnaliser son blog

Dans la page Settings I Formatting, menu Archive Index Date Format, choisissez Ie mode d'affichage des semaines.

H~torique 01J10 - 01J22 01/30·02/05 02/20 - 02126 03JZO - 03121>

._

49

Choisir un fuseau horaire

Show

Date Header format

Archive Index Date format

Timestamp Format

Time Zone

j~TC +01 :OOJ Europe/Paris

View Blog

P I daysi] on the main page,

If Days j,; selected, a limit of u,p to 99 .. posts will be enforced,

IWednesday

___ -,8-0 ..---t-'

Choisissez votre propre fuseau horaire dans

Ie menu Time Zone

de la page Settings I Formatting. L'heure affichee dans les pages New et Edit Posts reftetera votre choix.

UTe +01 00 Euro e/Psris ,.. I

[UTe +01 :00] EuropefPrague [UTe +01 :00] EuropelRoms

[UTe +01 :OOJ Europe/San jvlarino [UTe +01 :001 Europe/Sarajevo [UTe +01 :00] Europe/Skopje [UTC +01001 Europe/Stockholm [UTe +01 :00] EuropelTirane

[UTe +01 :00] Europe/vaduz

[UTe +01:001 EuropeNatican UTe +01:00 Euro eNi anna

Par opposition au (oreme, le Carnevel est Line periode de rejouissanca au l'ordre social est inverse :c'est Ie monde a l'anvars, Ul1 monde d'extravegance, de folie,

It posted by Alioio : 21221200502:36:00 PM 0 comments J' I

50

I

Le reglage de fuseau horaire affecte aussi la

rnaniere dont les date et heure s'affichent dans la ligne de signature de votre blog. Le fuseau horaire par defaut est celui de Los Angeles, aux EtatsUnis.

Personnaliser son blog

Infos plus

Choisir un nouveau modele

• Lorsque vous choisissez un nouveau modele, l'ancien modele et toutes les modifications que vous y avez eftectuees sont definitivernent perdus. Pensez donc a Ie sauvegarder au prealable.

• Apres que vous avez rnodifle

un modele, il est possible que les changements ne solent pas visibles dans votre navigateur. Dans ce cas, actualisez la page pour forcer votre navigateur

a la charger a nouveau.

Les liens et sections laterales

• La plupart des modeles sont composes d'une section principale qui contient I'en-

tete et les messages de blog individuels, et d'une section laterale qui contient les sections About me, Links, et/ou Archives.

• Prenez soin de choisir des noms courts pour vos liens, de tacon qu'Hs occupent bien I'espace disponible dans la section latera Ie.

• Vous pouvez aussi ajouter targetevblank. a la fin d'une balise ouvrante <a> de sorte qu'un lien externe s'ouvre dans une nouvelle tenetre.

Personnaliser son blog

Supprimer Ie profil

• Chaque element d'un blog possede un emplacement reserve ou une balise de modele speciflque. Vous trouverez un tableau complet a I'annexe A.

RenonunerArchlves

• Aucun llbelle n'est impose dans Blogger. Vous pouvez modifier

Ie nom de toutes les sections.

Ajouter Messages precedents

• La partie conditiannelle de la balise <BloggerPreviousltems> signifie que Ie code contenu est genere uniquement

si un message precedent existe. S'il n'y a que quatre messages, Ie code contenu est genere quatre fois.

• Dans d'autres rnodeles, la section Messages precedents peut etre marquee par des balises HTML differentes, Si vous souhaitez lui donner la merne apparence que les autres sections, observez Ie codage employe dans votre modele.

• Les balises de modele speciales de Blogger sont sensibles a la casse.

51

Infos plus

Trouver la bonne balise

• Dechitfrer les modeles - qui

sont une combinaison de HTML/ XHTML et ess - ainsi que

les balises spectates Blogger necessite quelques cornpetences techniques .. L'annexe B fournit les principales proprietes

ess et valeurs possibles.

Modifier l'en-tete

• Merne si les autres modiflcations de modele sent plus dellcates, ll n'y a aucun risque a choisir vos propres couleurs. Vous devez utiliser les codes hexadecirnaux des couleurs. Vous trouverez

les codes hexadecirnaux des principales couleurs Web

a l'adresse http://www. ccokwood.com/htmt/cotors.

• Le I.angage CSS est indifferent aux retours a la ligne, uti I lsez-les, afin de faciliter la lecture du code.

• En revanche, CSS est tres meticuleux concernant les points-virgules. Chaque regie de style doit etre separee de la suivante par un potnt-vlrgute,

Harmoniser les couleurs

• Vous pouvez aussi exploiter les couleurs qui vous plaisent dans un modele existent .. Par

52

exernple, j'ai copie l'arriereplan beige de la description (#ffebcd) et l'al utilise pour Ie texte du titre et l'arrtere-plan des titres de messages.

Alouter un pied de page

• Un pied de page n'apparaissant qu'une seule fois dans la page, il doit se situer apres la balise finale <!BI.ogger>., Les elements qui doivent etre repetes avec chaque message du blog daivent se situer quant a eux entre les balises <Blogger> ouvrantes et fermantes.

Modifier la date

• En realite, vous ne verrez Wednesday dans Ie menu Date Header Format que si vous faites cette manipulation un mercredi. Ce menu depend du jour actuel.

Le fuseau horalre

• Lorsque vous modlflez Ie reglage de fuseau horaire, I'heure de vos messages de blog est mise iii jour. Si vous avez cree des messages avec te regtage par defaut (Etats-Unis/Los Angeles) et que vous choislssiez Ie fuseau horaire correspondant

a la France, toutes les heures serant decalees de neuf heures.

PersonnaUser son blog

4. En dire plus sur soi

Afin d'utiliser Blogger, vous avez cree un compte, avec un nom d'utilisateur et un mot de passe, ainsi qu'un nom a afficher, Ces informations sont associees a tous les blogs que vous creez. Si vous Ie souhailez, vous pouvez offrir plus d'informations a votre sujet aux visiteurs de votre blog, Gette information est appelee Ie Profil Blogger.

Bien sOr, c'est a vous de decider des informations fournies. Vous pauvez rester strictement anonyme ou donner votre vrai nom, afficher une description de vous-rnerne, votre date d'annlversaire, ou plus encore. Vous pouvez aussi trouver un compromis entre ces deux extremes. En complement, detailler vos centres d'interet, vas goats litteraires, clnernatographiques et musicaux, par exemple, vous permettra de trouver d'autres bloggers qui possedent les memes centres d'interet.

Toute I 'i nformation que vous choisissez de partager s 'affiche dans la page de Profil Blogger. Vous pouvez aussi faire apparaitre une partie de votre profil directement dans votre blog, avec un lien vers la page de profil complete. Dans taus les cas, vous restez maitre de la quantite d'informations delivree.

53

Modifier Ie modele

t; F~'fOr~ ,,~

....... "'""_'_"'''''''_''''''''',.,_>0-'''''''''' • i:l'" 1- """"" i1..""",,»

~ Passion Bresil - - C" ,[, .oc ard ? -,~ x 'co '"' I

-_ III!IL______ __

rdn ':J..1li'91'l! Pkk n~ I Dot.

e res ted By: Dl)tlg,I'.jlj. Bewme 1\

II'-~ Tlus T~IYIPldl~

•

Harbor

Dots Dark

Created ~: [lo!i&la~ BOWll'li'lil

. . ..

,~

MiniMa.

Created 9'll: [).ougl,}:; Bo·wnla.1l

Dans la page Template I Pick

L-- -+_ new, choisissez Ie modele

Dots. Cliquez sur Ie bouton Use This Template.

Ce modele a la partlcularlte de presenter une section laterale nornrnee About me, affichant Ie profil uti I isateur, que nous allons edrter dans ce chapitre.

54

P~EVIOUS ~OSTS

• 8['5 jl b [!! ~II ,Dro, I ~ :rit-e ItFl'ICIDI de l'uH)'!" dlJ br,ull .. fl'r~mler ,pour slu !l:.;.rna .. ..;. I • 2:005 ~ ,;.nnll!~ "LJ !!hl!l~!' !!ID

.. "=MI,lCOYD bl!lOlImyp d, tfNrIllS'i w9±f;a "Doh,,,

• CI!IUJal',,1 do: RI'ii' 2Q05 • S';rrttb.pm Oil Si!lmb:[ldrorX:!I!

• .91 xs rtme 4, [ ttlpg I

• •

MPB : MUSIQUE POPU!..AIR:E BRBSll.IENNE

I"'IIJ~i~lJe ,P'¢~UlI.<Jil'e. ~6e de 1.!Io i'el"lcolltr'e ees AofTI~rin.dj",h.~, des EuroOjJtoiin'5 !!t de s Mfi~in~, ~:O:!Jlnmo:' Lld~lIth.:. r'lClli ... n-=lc d-:-IlI,I~~ I~ fin du :XIX~ 5illl~I~, 0111 en cJoiIcouyriro!l les l70is ogenrl!!:~ fond~I;eI!"I~ ~ re d'iOI"O, te '6mb~ ct 10 1b.a~;;(I. Musiqul!> du blencs !5-QU5 irrAul!!f1~ noire pOL!!r II!!: p;i\iI!miet, Iml"lJiqu-e .ce n oir~ SOY. iAtlLJOn~ bll:!Jrlchl!l ncur te IiIl!luxii!ml!l. mlJ!5-iqlll!! dil!l ceccetes {mlilti.,.';,..:ll de "I~",~ ~t IridiC,.,) .pOt,.1r"!1:I tJ"oolsi~mljj.

En dire plus sur soi

Afficher son profil

Passion Bresil

Un blog pourles emour eux du B resil et toute I' a ctuelits frenco-cres.lienne du moment

ABOUT ME

Name:

Alici.a

View my cltSPlete Drofile PREVIOUS POSTS

IIE!<~ __ '-" ...... t ll§

IO-'~'@~ t.ll@lll..o-~._ @'- e

"<l""lifl~'.,I_._.'_ ::J~"" jj ..... il- ii_,

!!

~ BL Callnot!JIIOn [!n 1<ll'd qllJl:! lIl1da_duppl!' I

~ ogger ",,"n '"''''

------ -

NQIJVUl.I HO!lllflHt

KOH DU EIl.OG HU~A.6f PARAJiETRU OEfUoIHRl HIH A leuR

• Bresilbresjl,orq Ie site official de l'ennee du bresil

Tableau de bord

2Z Feb 2005

A19utoz '1'01:(0 plWto kl @il fDodifj.lon,1 eerre

~

BloIS

• ModU~1 1& profil [ou

... VOS visiteurs peuvent cliquer sur Ie lien View my complete profile de la section About Me pour en savoir plus a votre sujet. Vous pouvez cliquer sur Afficher dans Ie tableau de bordo

~ Blogger

---------~-----.~~~- -- --_- ------------- - -

Alicia

IlI,Q(;, WAHl; RI':CEIoU ports miAl POSTS TEAH MlMl!:l1IS

I.::J

,6.------------i---------------~~I~.~~~~--~=

Blog~

nlil

nl.

Plitt lI1'i'lt:t:ucil I ~ I e dr: or-D-I1I\IIIU1.m(.,o.:s. I "'de I Dcveloppe1.lt1 Ilku~ I Contjd1i:nt~lnc I C(II)YFi'iht e

.m " 20050 r.; ClIOiIe-

Par defaut, votre profil utilisateur est accessible a tous sur Internet. II indique votre nom a afficher, choisi au moment de la creation de votre blog, ainsi que la liste des blogs crees avec ce compte Blogger.

En dire plus sur soi

55

Editer son profil

o Pour modifier votre profil, vous pouvez I'afficher en

..._ ~_ ... _-~-_---- cliquant sur le bouton Edit

Your Profile, ou sur Ie lien Modifier Ie profll du tableau de bard.

Ajout.ez VO"T-e photo i(i en nloditiant Yotl-e p,M"

~ Mod.f.@, 1~~l0f11 (ou Afticher 1

Modifier Ie mot de passe

(J Ensuite, choisissez si vous souhaitez afficher votre vrai nom, en supposant que vous l'ayez saisi dans les champs concernes. presentes a la page qui suit. Sinon, c'est votre nom a afficher qui est utilise.

B Decidez d'abord si vous souhaitez partager votre profil (Ie rendre public sur Internet) ou non. Par defaut, votre profil est partage.

Confidentialite

partager Il10n profil .,

SI eette o:ption est $jlee~onneeJ YOS: nom et pr4nom ~p'p.&n;-tront sur votre pr(l'fiL

Mfkher men 'll'l"aj 1](1111

Aftic hftl men adl'E'sse r !!I-malt

Adrene eChJelte !jlkks_dfJpr~~.f1"

Cette Uste de tltogs eppereltre IJniquement dans 'III()tre profit dutmsi!~!lur.

D Blogger protege votre adresse e-mail des « robots» glaneurs

d 'adresses. Malgre cela, je ne communique jamais mon adresse e-mail sur man site Web.

Si certains de vas blogs sont prives, vous pouvez cliquer ici pour les masquer de votre profil public.

56

En dire plus sur soi

m Vous avez choisi votre nom d'utilisateur au moment de la creation de votre compte. C'est ce nom d'utilisateur qui identifie votre compte Blogger et doit etre utilise pour vous connecter.

D Votre adresse e-mail permet a Blogger de vous envoyer votre mot de passe en cas d'oubli. Elle est publiee dans votre profil uniquement si vous avez active I'option Afficher mon adresse e-mail a la section precedente.

:Identite

LJ

'----+- Nom d'uttlhateui

alioia_dupre@yahoD.fr ......

alicia _ dupte

Adresse e-mail

NDn'i a. ltfficher

Alicia

Prenom

Wicia

Nom dE! famille

Dupr.

Votre nom a afficher est utilise en guise de signature pour vos messages. Vous pouvez utiliser un surnom ou votre vrai nom.

Ilaiao. reusieue de'S blencs SOlIS infilJence noire pour le premier, mus-ique de nairs sows. infJlJence blanche peur Ie deuxieme, mccique de cebcclcs

posted by A~da (I 3/22/2005 Q2'36'00 PI"

ObtiEl"1.1>iro:: nom L:ltlHs:e pour S"~ne r 'l(Q:S merseges Ciloa.

Les champs Prenom et Nom de famille sont destines a votre nom reel. II ne sont pas dernandes au moment de la creation de compte, vous devez edlter votre profil pour les saisir. Votre vrai nom apparalt dans votre profil public uniquement si vous avez active I'option Afficher mon vrai nom.

m Tout en bas de la page Modifier Ie profll

d'utilisateur, cliquez sur Enregistrer Ie profil. Votre --...,

nouveau profil est lrnmedlaternent mis a jour, mais ~~~!!!!~~J vous devez publier a nouveau Ie blog pour que la

section About me reflete les modifications.

En dire plus sur soi

57

Ajouter une photo

La section suivante de la page Modifier Ie profil d'utilisateur permet d'ajouter une photographie. Saisissez I'adresse de la photo souhaitee dans Ie champ Photo URL. La taille de la photo do it etre lnferieure a 50 Ko, c'est-a-dire qu'elle doit disposer de dimensions reduites, une basse resolution ou un fort taux de compression (ou les trois).

Photo

URL de Iii photo

-..

Gratuit - Heber .. ement

de photos

~Wv\MI photoserv. org/aliciadupre/alicia.jpg

Une fois Ie profil enregistre, la photo apparaTt dans Ie profil. Elle est reduite a

150 pixels si necessaire. Les visiteurs peuvent voir la photo dans sa taille c'orlgtne en cliquant sur Ie lien situe en dessous.

Photo

View Full ~ize

58

Lors de la publication suivante, la photo apparait dans la section About me.

Passion Bresil

Un blog pour les smoureux du Bresil et toute I'actualite frsnco-bresaenne du moment

ABOUT ME

En dire plus sur soi

Name:

Alicia

View my ~== complete

Ajouter des lnfos

Ajoutez I'URL de votre site Web etjou votre nom de messagerie instantanee afin de creer des liens vers ceux-ci depuis votre pro

Vous pouvez aussi indiquer votre sexe et votre date d'anniversaire (dans ce cas, votre signe

aioute).

fiL astrologique est calcule et
i "'" .... ... .11' :mE1
JEl<Nor E- .o.ffI:hooe Fa\'Of Q<.tIIs ~ '1l!0
JO-_· .)·0 ~ _~ II!ID I D Re< ..... ""', '1':? F."or~ - ~ ~ .. €)
J AIt""" l@http://-.bIowe,.com! :It.~iI e. g :LmOl( J Liens ~ Hotmoil il EIIo9This! »
:~
Generalites
1-, I
Se-X2' . (.' f ('" lit (" N~n inCliqve
Anlli,'lJel ~~ll e I I EX: Q9f171197;
I L'ind;ca~ilJfl de rannee'
e-st FilIIC-U~ttl~~,
-
URL d. I. page r- ,h1t p:lfw.t.tN .a liciad upr •. com
d'.l(tLieil
I
i Wi,hli5lllRL ............ Create 0 INis.hljrt 'With ~
F~(lode
Nom d'ut1US-lItNJr d& -- 'INeant t1
1 me~s.dteri~
i"nant?ln@~ :
I r--
Emplacement geographique
-----
I vme PARIS ~ I
, -
I Regionidepilrtement 75 i
I P.~ I France :.::J
'-- .!.l
Ii:] fem1nO rlll.1r.temet .a Ajoutez vos ville, reglon/departernent etjou pays, pour que vos visiteurs sachent ou vous habitez. Les trois champs sont combines pour creer I'information specltlee dans la zone Location (localisation, en francais) de

la section About Me.

ABOUT ME

En dire plus sur soi

View my complete profile

59

Saisir une description de soi

Qui <!teS'VQUS ?

Etudiant~ ~n EcolE dE

...- __ +,comrnerc:et je aui~ pa::ssiQnnee de voyages eL Ie Bresil e5t ~a d~5tination pr~fer~~ ~

Presentez'\lo'uS en quelques mots ou

~ Ius ... vous disposez de 1 <GO eerseteres.

Vous pouvez salsir une description rapide de vousmerne dans Ie champ Qul etes-vous ? de la page Modifier Ie profil d'utilisateur. Celle-ci apparaitra dans la section About Me de votre blog.

60

Bresilbresil.org, Ie site officiel d bresil

ABOUT ME

noirs sous inftu,ence blanche pour Ie deux cabcdos (metisses de Blancset Indiens)

Name:

Alicls Location; PARIS, 75, ~===- France

posted by Alicia @ 3/22/2005 02:36:00 F

Etudiante en ecole de commerce, je suls psssronnee de voyages et le Bn§sil est rna destination prHeree !

Vjew my complete

Voici cornrne prornls I'adresse du site Wet du Bresil en France:

Bresilbresil.orq, Ie site offiSi~1 de I'arlnee d

posted by Alicia @ 2/22/2005 04: 411:::J_F

En dire plus sur soi

Livrer sescentres d'interet

Les champs Secteur, Centres d'interet, Films preferes, GoOts musicaux et Livres preferes permettent den dire plus sur vous. Ce sont aussi des informations a partir desquelles les autres bloggers pourront effectuer des recherches, afin de trouver les profils de bloggers ayant les memes centres d'lnteret.

5ep:;iret te<.s ll~ par des ~J~u~es,

ISlud~nl

---~

Separez bien les differents elements par des virgules (,). N'ajoutez pas de virgules a l'interleur des elements eux-memes et ne combinez pas d'elements entre eux. Par exemple, si vous ecrlvez Cinema et Video, seuls les utilisateurs qui chercheront Cinema et Video vous trouveront. En revanche, si vous ecrivez Cinema, Video, ceux qui chercheront un de ces deux termes pourront vous trouver.

Infos supplernentaues

Voyages, Nat:.at.1on, KayakI' c rceree , lJideo

Sii;PlIr'&t I," C'e:ntres dillt~ret per des vi",ules.

IEt-ll,c!:il.ante era ec o Le de cOnm'le-.roe~ je surs pas:s:tonnee de voyages et le Bresil eac rna. de-st inac ion pt"'eteree I

Pr'e::;entez·yOlJ:5 en

qu e lques mots: nu plus:". vous d;sp-os:e~ de 1200 ceracteres.

QUl .etes·yous ?

Sep arer les Htms pardes '.Al"I.ulers.

A . .:oiz:o,ne. Dream, La Cit.;: de D'Le u, Central do Bra.2:1.l

rSeu J er>le, Gilberte Gil, Ji U 3 Scott, Angie SCone

Separez Ies entrees per des ~re.lJle;s:,

En dire plus sur soi

61

Chercher d'autres profils

Lorsque vous affichez votre profll, tous vos centres d'interet, films preferes, gouts musicaux et livres preferes ainsi que votre secteur d'actlvlte choisis sont convertis en liens.

I Photo

View Full Size

. . .....

(onta.ct

• My Web Pal',"

Al1cia

• Gender: female

• Location: PARIS: 75 : Franc£>

About Me

Etudiante en ecole de commerce, je suis passtonnee de vcyages et Ie Bre,iI est ms d.;tiootion prM"r". I

Interests

Favorite Music

Favorite Books

Blogs

tllOG NAMI RECEI'U POSTs: TOTiU. POSTS TEAM MIMBiElRS

(]' Passion Bnisil

rda

62

Cliquez sur Voyages, par exemple, pour chercher d'autres bloggers ayant ce centre d'interet ..

En dire plus sur soi

Browse Profi les

Profiles with an Interest in Voyage"

Results 1 - 1 0

Martin Leprohon

29-ye1liF old male Scorpio

San Diego: California: United States

1 recent posts (1 total)

lnter-ests: Surf Lifesaving, Sau'Uetai,e, Tr.",I,vc,v,e,",,1\lorld PeacelP.ab: Mondi::lle, Aviation

male

IDF: France

2 receot post> 12 tot,l)

lnterests: Pho'to,lntorn"t.VC)ViII'.8>

Les prafils des aut res blaggers ayant Voyages dans leurs centres d'interet sont afflches.

En dire plus sur soi

63

Changer About IDe

Le modele Dots choisi au debut de ce chapitre utilise la balise de modele <$BlogMemberProfile$> pour collecter les informations saisies dans votre profu, afin de creer la section About Me de votre blog.

<!_ Begin #profil.,.conlainer _> I <$BlogMemberProfile$> ~ <!- End #profile ->

La balise <$BlogMemberProfile$> utilise

votre nom a afficher au votre vrai nom (selon I'option choisie dans Ie profil), votre situation geographlque, votre description et un lien vers votre profil complet. La section est mise en forme com me montre ici ; ce que vous n'avez pas souhaite afficher n'apparaTt pas. l.'en-tete About Me est ajoute automatiquement.

64

Name:

Alicia Location:

PARIS, 75, France

Passion Bresil

Un blog pour les amoureux du BreSil et toute I' ectualtte franco-bresntenne du moment

ABOUT ME

Etudlante en ecole de commerce, je suls passlonnee de

, voyages et Ie Bresll est rna destination preferee !

View my complete profile

L+--

En dire plus sur sol

Vous pouvez personnaliser la section About Me en utilisant des parties

de profil « a la carte », Par exemple, utilisez <$BlogOwnerFirstName$> et <$BlogOwnerLastName$> dans la balise d'en-tete. afin d'afficher votre vrai nom en

guise d'er-tete, -1--------

<l- Begin #profile-container -> J

<h2 class= II sidebar-title" ><$BlogOwnerFirstName$:> <$BlogOwnerLastName$><jh2>

<p>

<img src=" <$BlogOwnerPhotoUrl$>" width= "150" />

<br j><$BlogOwnerAboutMe$> --------------. <brj>

<a href=" <$BlogOwnerP.rofileUrl$> II >(en savoir plus ... )<ja> <jp>

<!- End #profile ->

Utilisez <$BlogOwnerPhotoUrl$> comme source d'image afin d'inclure votre photo. Specifiez la largeur desiree en pixels.

Utilisez <$BlogOwnerAboutMe$> pour inclure votre description.

Etudiante en ecole de

ccmmerce, Je suls ---+--' psssionnee de

voyages et Ie Bresil

est me destination

prereree !

--+--- Photo

Enfin, creez un lien vers <$BlogOwnerProfileUrl$> afin de donner un acces au profil complet avos visiteurs.

Vrai nom en en-tete

Description

Lien vers Ie profil complet

En dire plus sur soi

65

Infos plus

Editer son profil

• Blogger fait parfois reference au nom a afftcher par Ie mot nickname (surnom) dans la documentation en ligne,

• Si vous cholslssez de ne

pas faire apparaTtre votre

vrai nom, c'est votre nom a atfrcher qui est utilise, a la fois dans la section About Me et dans Ie titre de votre profil.

• Lorsque vous enregistrez

les modifications de votre

profil, celut-ol est rnlsa jour imrnediaternent. Cependant,. les nouvelles informations de profil et/ou la photo apparaTtront dans Ie blog uniquement lorsque vous l'aurez publie a nouveau. Pour ce falre, allez sur ta page Posting I Status et cliquez sur Republish All ou Republish Index,

Ajouter une photo

• L'UHL de votre photo fait reference a son emplacement sur Ie Web, La plupart des fournisseurs d'acces a Internet cttrent de I'espace Web a leurs clients, Vous aurez besoln d'un programme FTP comme CuteFTP au Fetch pour la telecharger

sur votre serveur. Ensuite vous pourrez I'utiliser pour votre prom.

66

• Si vous souhaltez que vos vlslteurs puis sent voir une image de grande taille, utilisez un taux de compression eleve ..

Ajouter des infos

• Si vous preterez. vous POUV€Z saislr votre date de naissance sans l'annee (dans ce cas, votre signe astrologlque chinois ne sera pas calcule),

Une description de soi

• Vous pouvez saisir jusqu'a

1 200 caracteres pour votre description (environ 200 mots). Ces 1 200 mots apparaTtront a la fois dans votre profil complet et dans la section About Me.

Chercher d'autres profils

• Les termes separes par une virgule genere un lien. Notez que Les Liaisons Dangereuses constituent un lien et non trois ..

• C'est la seule maniere de chercher de nouveaux profils. D'autres systemes plus directs devraient voir Ie jour d'ici peu.

Changer About me

• Vous pourrez trouver une liste complete des balises de modele Blogger a I' annexe A.

En dire plus sur soi

5. Faire contribuer les autres

Ecrire des messages dans un blog sans se preoccuper d'avolr des lecteurs, c'est un peu com me jeter une bouteille a la mer. Si vous souhaitez savoir ce que les autres pensent de votre blog, vous devriez peut-etre envisager d'ouvrir ce blog aux commentaires. Dans ce chapitre, vous apprendrez a contr61er la rnaniere dont les autres peuvent laisser des commentaires, comment effacer des com mentaires indesirables et enfin comment masquer tout ou partie des commentaires de votre blog.

Bien sur, les commentaires ne sont generalement qu'une reaction aux messages publics dans votre blog. Si vous preferez que les autres apportent une collaboration a votre blog, vous pouvez creer une equipe et y ajouter des membres, afin de leur permettre de creer leurs propres messages.

67

Modifier son morfele

Rounders 4

createlj Ely: E)r:Hlt'!~:s BO'Win"YIl

US!:' This TE'm[JhtE'

Bien sur, vous n' avez pas a changer de modele chaque semaine, mals j'espere que eela vous aidera a envisager Ie contenu de votre blog et sa mise en forme comme deux choses distinctes. Un modele est simplement la fenetre a travers laquelle vous laissez vos visiteurs voir vos ecrits.

68

Scribe

croated 1By: Todd D~min.ey

Dans ce chapitre, nous allons utiliser Ie modele Rounders 4 (allez sur la page Template I Pick new page, puis cliquez sur Use This Template en dessous du modele Rounders 4).

Etudla.n.t.e on ecole de .... orwueree,

j{ '-ij'~ paS!:IDI1n...-s-!!Ie "~"~IIj!S et e Bre$tL est rna de-~lirlatl.JfI pi erel ee I

Faire contribuer les autres

Laisser des cotntnentaires

Comme il n'est pas frequent delaisser des comrnentalres sur son propre site, cliquez sur Ie lien Deconnexion en haut du tableau de bord, afin de vous deconnecter de Blogger,

Vous atteindrez la page

qui permet d'ecrire un commentaire. Par defaut, le message original est masque. Cliquez sur Show original post pour I'afficher.

En bas de chaque message du blog, par detaut, vous verrez un lien qui indique combien de commentaires ont He recus, Cliquez sur ce lien.

Post a Comment On: Pa.s'Sion- ,Bre'sil

I

"MP8 MUSIq,UE POPULAtRE IIRESILIEHNE"

l

[€l Leave your comment

This bIng doe!\ not dlUOW encnvrnous comments.

BloggerSign In

Nom d'utilisdteul'

louiseLEllour __j

-------------------

F J

-------------------

o

Melllori,e,

II

Faire contribuer les autres

Par defaut, seuls les vlslteurs possedant un compte Blogger peuvent laisser des commentaires sur votre blog. Puisque vous vous etes deconnecte precedernment, vous devez vous connecter de nouveau - avec un autre compte si vous Ie souhaitez - afin de pouvoir ajouter un commentaire.

69

Laisser des commentalres

(suite)

Une fois connecte,

un visiteur peut laisser ---+---===---~~--,

Po~t iI. Comment On: P.aso;;ion 'BI@:iill

des commentaires sur

votre blog,

Le nom a afficher du visiteur apparait sous la zone d'edition du commentaire.

Le visiteur a la possiblllte

de se connecter avec un autre nom d'utilisateur pour

laisser son commentaire.

Le texte du message

apparait dans la partie

gauche de la fenetre,

"MPB : MUSIQUE POPULAIRE IIRESILIENHE'

r'klM~(I~~q~l3e~~Spl~~ri, ~~e des.

Amerindian';, des Europeans et de~ Af(ic:.;..II'lS, expnMI! l'ioentitil nattonate deputs te fin. du XJxe siedl!. On en dBCDUYrir~ tes trois genre'S iond.at€lIr5: te ehcro, te samba ct le b.;dJo_ Mu~tqtJl! des: btancs sous iflfluence nl)ire pcur I", premfar, musjqae d"llCJilS SCIIUS. influence bllartche pnur Ie deuxteme, musfque ee cpboclo~ (r"!IHi:nes. da alancs et Indiens) pour 00 tra-isiern.e.

posrM by A[;icta at 5:30 AM on NCI'll2i)05

:

[} leave your comment

l,nt.~re~;3.ante LOlJ.l:5e

I

Thi:5 blog dOe\ nol ~llow anDnym"uf ~ommO(lu.

I You're currentlY. posllng as Louis.!. Or YOlo) ~n sign 1f11'1~ a diffeJ ern user.

Apres avoir tape Ie commentaire souhaite, Ie visiteur doit cllquer sur Login and Publish. Une confirmation s'affiche et un lien vers la page du message lui permet de voir son commentaire.

1


Voul'Corr nent Has Been Soy.d.
I t may take a moment for your co mant to appear on the site at Ille oligin~1 POSI
Post a Comment On: Passion Bresil
"MPB : MUSIQUE POPULAIRE [g' Leave your comment
BRESILIENHE"
1--1J.:.ornmJ!nt • '-sho",_ Qci~in.l ~ut -- . ~ - You call use some HTMl tags, such as <b;lO, <i_"~ < .....

~safd.,.
Salut Alicia,
Merd pour cett. explication interessante! _
Louise
5:35 PN\
'IT
This blog does not allow anonymous. comments.
You're currently posttng as Louise. 70

Faire contribuer les autres

Voir les comtnentaires

Apres que vous avez ecrit un commentaire, un lien permet d'atteindre la page du message dans Ie blog (au figurent uniquement ce message et ses commentaires, mais aucun autre message). Vous pouvez aussi afficher une page de messages en cliquant sur sa date de publication dans la signature du message.

Le lien a ete mis a jour et indique a present qu'il existe 1 commentaire.

Un lien vers Ie profll de I'auteur du commentaire est defini sur son nom, afin que vous puissiez en savoir plus sur les personnes qui laissent des commentaires sur votre blog.

~t~~~~~=::!~~~~~~~~~~=:ict- Les commentaires sont listes en bas de la page

d'un message.

La corbeille n'apparaTt que lorsque I'auteur du commentaire ou Ie proprietaire du blog est connecte. Seules ces deux personnes peuvent effacer un commentaire .. Si vous cliquez sur l'ic6ne Corbeille, Ie commentaire est lmmedlaternent efface. Aucune confirmation n'est dernandee et il est impossible de revenir en arrtere.

Faire contribuer les autres

71

Pertnettre I'emonymat

Pour autoriser tout Ie monde a lalsser un commentaire sur votre blog, merne ceux qui ne possedent pas de compte Blogger, affichez la page Settings I Comments et choisissez I'option Anyone dans Ie menu Who Can Comment?

I Comment$

Who Can Comment?

! Def~ult fo!' P.,I,

I:New Posts Have Comments

Comments. Tim~,'amp Format

~PM

tl

----'

Show comments in a popup wiod'(}w?

(" Yes: (!:' No

: Show profile imeges r. YB5 (" No en comments?

Comment Notif;c"ation Address

Cliquez sur Save Settings pour valider les modifications.

72

Si vous Ie souhaitez, indiquez votre adresse e-mail dans Ie champ Comment Notification Address ... Slogger vous avertira a chaque fois qu'un commentaire est laisse sur votre blog, afin que vous pulsslez Ie consulter, et eventuellement gerer les commentaires non appropries.

Faire contribuer les autres

Effacer des cotnmentaires

Vous devez commencer par vous connecter a Blogger afin de pouvoir effacer des commentaires.

Cliquez sur l'ic6ne Corbeille situee en dessous du commentaire que vous souhaitez effacer.

LOU1<:e ,,,,Id •. , Salut AUcia,

Confirmez la Delete Comment From: Passion Bresil

r-------------:;;-- suppression du

commentaire en cliquant sur Delete Comment.

Louise

r "emove fore •• ,l (It can't be undone.]

~:35PM

r.,t'" 10 ~IPB: MUS/IWE POPUUIR£ bRtl/IIE/iiI[

Faire contribuer les autres

73

Arreter les cotntnentaires

Si vous souhaitez empecher

les visiteurs de laisser des commentaires sur un des messages de votre blog, cliquez sur Ie bouton Edit correspondant au message, dans la page

c-...:..= ............ =---""'=====--t- Posting I Edit Posts.

Sur la page Posting I Edit, en dessous du message lui-rnerne, choisissez No pour I'option Allow New Comments on This Post.

fcndateurs : le chore, Ie samba et Ie baiao. m usiq ue de noire sous influence blanche pou Blanes et Indiens) pour le troisieme,

Cliquez sur Publish Post pour enregistrer les modifications.

74

Les commentaires restent afflches sur la page du message, mais Ie lien permettant de lalsser un commentaire n'est plus disponible.

Faire contribuer les autres

Masquer les comrnentaires

Si en plus d'ernpecher les commentaires, vous souhaitez aussi masquer des commentaires deja deposes sur un message '----------+--1 donne, affichez la page Posting I Edit Posts de ce message, puis choisissez i'option No & Hide Existing Comments en dessous du

message. Cliquez ensuite sur Publish Post pour enregistrer les modifications.

for ko:'y-co

Allow New Comments on This Post

Save as Draft

Comments:

View BlDg

Comment!; 1

C Show ~) Hide

Note: Selecting "Hide" does not delete

"Show",

Si vous souhaitez masquer tous les commentaires, dans tous

les messages du blog, affichez la page Settings I Comments et cliquez sur Hide dans la rubrique Comments (comme nous allons continuer a travailler sur les commentaires dans ce chapitre, ne cliquez pas sur [e bouton Save Settings pour Ie moment).

Faire contribuer les autres

75

nterdire les cotnmentaires

Title: I Un exc8118~1 bar 6. Paris!

Je vous communique le nom d'un petit bar a Montmar musique pour les fans du Bresil: Le Blue Note.

Lorsque vous generez un nouveau

message, vous pouvez decider d'autoriser les commentaires au

Allow New Comments on This Post Change Time 8: Iilate

non. Par defaut, ils sont autorises. eYes m Ne 16 ~ : 112I::l1 PMEI

Choisissez No pour interdire tout --t-::===commentaire sur ce message.

FlO r k-eyboa- r-d she rtcuts • J

I

Save !:IS Draft

D .. r.ult for P •• t<

SI VOUS souhaitez que les commentaires soient interdits par defaut, pour tous les nouveaux messages, choisissez New Posts Do Not Have Comments dans Ie menu Default for Posts de la page Settings

I Comments. Vous pourrez toujours choisir Yes en bas d'un message individuel pour lequel vous souhaitez exceptionnellement autoriser les commentaires.

76

Faire contribuer les autres

Creer une equipe

Si vous souhaitez que d'autres personnes puissent

publier leurs propres messages (et non de simples commentaires), vous pouvez les inviter a devenir membres de votre blog. Commencez par cliquer sur Ie bouton Add --------'

Team Member(s) de la page Settings I Members.

Saisissez I'e-mail

du nouveau membre dans la boTte New User(.s). ~----------...,

rID-uis-e-I~-ou~r@W~-an-ao-o-oJ~r----------------~

Vous pouvez ajouter un message personnel.

--~--~---

Lorsque vous cliquez

sur Enregistrer les -----, parametres, Blogger

envoie un e-mail a

I'adresse lndiquee,

avec un lien invitant Ie destinataire a rejoindre Ie blog.

Ente r eJM~ eddfess:e$ of membenl 1:0 irwite. Do not enter the add ress of a rn.ailVli lis:t: invit'oe indNiduilly.

M"""li,,(OptionaO

Lgui=e::t eeuee t ee ee re -cu aj ouce r t.ee pr opr e s me:sse.q~s dans reon bloo;,r euc Ie BJ:.!lil ?

Ente~ o!ny oomm!n~ you lo'IIant to add to tne inul1;.atIDIl email.

Open invitation'S

Apres I'envoi de I'invitation par Blogger, vous pouvez verifier '---------------L============~ son evolution

dans la page Settings I Members.

R.mOIjlB

x

Faire contribuer les autres

77

Joindre un blog d'equipe

e:!! (Jlul;JUI:..- blcn '''''-I'oillIOl) rr.Qf!-1 Ar!t~ 01,11)""': __

-- - -

x 0 0 "1

~ Pr ........ _ _

L'invitation envoyee a un des ==...,,'"'~,

futurs membres de votre equtpe --il-.::::::.:...._-=~::::..:Oio<I::::::_:""'.:::....,= . .:::ffom=-==.~=_ __,

ressemblera a celle-ci,

Elle commence par Ie message -_---' personnel que vous avez saisi. ...

... et continue avec des instructions pour rejoindre le blog, y compris un lien sur lequel Ie destinataire doit cliquer.

Lorsquele futur membre d'equlpe clique sur Ie lien qui se trouve dans I'invitation, il est dlrtge vers une page lui permettant d'accepter ou de refuser I'invitation.

78

Alicia Dupre Mole:

Lcoise, $.-QMaiJel'ai:HU ,;\joUler tes prepres !'f.I1!~!:~e~ dati!; men bIoS sur II!! Bre-!:!11

You have been invited by Alicia Dupre to join a blog called Passion Br~5i.t

Blogger is a &·e.e sersce fer eesily COr.r.ut1.un.i:caliilg and shariog rdeas on the web .

hltpilwwwblogw.c,m.ii51m.JI)..901365855D693000967

NoOt(:: il'"thi:s tink 'Nt'apS in yQW ett'Iaii (not an of it is: ot1 Me line) COPy".a,f!-d paste the .et1~ link itLt¢o y¢'Ut bt¢w$er';s lQc~:tior.J bar. Be sure to iaelude eharucters (hat !"!Lay have wrapped to the Mm:linC.

2. If YOll already have a Bloi)ggel' ac count, yo-u will b e asked re either ::I(;l":~t M decline this ~on.

3. If'you do net.have a BlQ~~r atc:coYrit, YOll I;IID ~n::dhi ODe rot fr.ec: in,le:i'~ thaD aI'llin1Jl:e. Iust dick the m'rite link and press; 'theCteate an Ac:CO'Uilt burtot'J.

Thanksl

Join a Blog

YO" h.v. b •• " illyl'tad to contri~"te to the f.ll .... ing blog:

P(lS'S,llln B,I,esii

un bfog pcKJf t~s. amotjreilX did Bresil et ,toote- (octuotite franco-bresiUellne du moment

" lui suffit de cliquer sur ce lien pour devenir membre du blog.

Fairecontribuer les autres

"'~~ Bt Connexion en tal1l que. leuiseteteur

a_! agger !>I;CUJUH;;(~~m

_ ...

_ _ • _ ~""__n~_~~ ~_._~ __ ~~ __ ~ __ ~_ __ _ _

Tableau de bard

Slogs

NOUVEAU HO DIFIER Il ElUllERE HIS E A

HOH ~U ULOji "ESSAGf PAIIA"HRES JOUR

C?l vo:>y.ge en ¢ ...
(lr~enhne
[ll PMsiofl 8roisil o[l:I .a- m Mor 2005 Ajou\ez '¥ot_F"e Dt!ota. id ~n mo-dif!olnt vlIJ1.,.e

~

• Moflifier Ie profit [ou ~Mtich., I

• Mo differ Ie rnol d. pcos, •

Invitation AdSense

Sal'vez-y.ous que vous POtJV8Z transformer votrsblog 18 rr uris source de I'evenu;iir~ce au programma Google AdS@nse ?

Apres avoir aceepte votre invitation, Ie nouveau membre de t'equipe vena votre blog dans son tableau de bord, en plus de ses propres blogs.

Current Team Members

Name' Username Email Admin 0
Alici~ ~.bcj~_dupre ~Ij.cia d'upre®yah<>{I.fr Ii:I
Duple
louisetatuur lo-ui"reliltour@w.a:n.(tdQo.fr 0 Le nouveau membre d'equtpe apparaTtra dans la I iste Current ---+--Team Members sur la page Settings I Members de votre blog,

x

Cette liste indique Ie vrai nom du membre de l'equipe s'H est disponible, au son nom a afficher dans Ie cas contraire.

Faire contribuer les autres

79

Modifier Ie moclefe

Au premier abord, la seule manlere

de savoir qui a ecrit un message dans un blog d'equtpe est de verifier la signature, qui indique Ie nom a affieher de I'auteur.

Lmks

a GIlDW N'HWS D E~iH". DE~IH""

II I.'PB , MUSI QUE PQPUI.AIR,C 8RtSILI ENNE

£:I Un fI)[ceHeE'lt bar ~ Par;s I

Dans un blog d'equioe, au lieu des ----I informations de profil, vous pouvez voir une liste des membres avec des liens vers leur profil ,

o Tout d'abord, nous allons mettre en forme les messages de Louise pour les distinguer de ceux d'Alicia. Commeneez par vous rendre sur la page Templates I Edit Current et atteignez Ie bas de la feuille de style.

I

#footer a {color:#fff;}

_ .... Louise {font-style.ltallc}

[</stYle>

aisissez un point (.), suivi par Ie nom d'affiehage du membre de l'equipe (Louise, tel qu'afficne dans la signature des messages). Tapez ensuite {font-style: italic} pour faire apparailre les messages de Louise en italique.

80

Faire contribuer les autres

D Ensuite, pour appliquer votre nouveau style, vous devez d'abord

reperer la partie du blog que

vous souhaitez mettre en forme difteremment pour les messages de Louise. Dans cet exemple, no us voulons mettre en forme Ie corps du message de maniere distincte. Vous devez done trouver la balise <$Slogltem Body$>.

I: <div classe-post-bodyc-

~<span class= II <$BlogltemAuthorNickname$> II >

.. -:~~:: BlogltemBOdY$,><!srn>

Ii) La ballse fermante <jspan> figure I!I Verifiez bien les guillemets, les

apres la balise Blogger que vous signes dollaret les crochets dans votre

mettez en forme. code. Aueune erreur n'est perrnise ..

Apres que vous avez enreglstre Ie modele et puoue a nouveau Ie blog, Ie corps des messages de Louise s'affiche en italique (Ies autres messages ne sont pas modifies).

Faire contribuer les autres

. La prochaine etape conslste a inclure la balise <$BlogltemBody$> a l'lnterieur d'un element span, dont la classe est egale a <$BlogltemAuthorN ickname$>, afin que Ie style de Louise soit applique uniquement si elle est

I'auteur du message.

fHIIRSOAY

o Au sujet de Ia langue parlee au Bresil

Le portugais est fa {an~uf' oliiejetle- diJ Bresi{ de-puIs (a Constittltjo,'') d~ 19813 (aftlel" 1 J). ("'~t I," i(lIl~UE' pai"l~" P,jl' 107 qUQsf-r»talit~ d~ /0 povuiacion. !\-I,7is ti "Kist>? J ,0 lan£'N5 vuto'l)t.Jn>?s et iJiJe tro?nt"ill>? issues de fimmigwtion.

Le pvrt.u!?ais;o apport.? par tes: colons du Portugall est tres pruc'~)€ oe celu! du Portu,!ai. /I en d~ifo#-r~ ,Dew oes. mot:::1 d~s o:?'xpr~S$f~i")$ etrks acceot» Ue-s nCltarmnf?nt au nJetissase culture! e-t GG''_.( parUclliuritri-s s1Jd·am~(/Laint2s (ch'rnt1t~ 1,'2'3etL1t10n;l 17llme-ntab'o,o) d~ c::e ,Days. SUItt? r}~pir.Jsi~(jfS tfJormtE-5.J (Li}-thc'graphr? s't?st dfljf-rencie--2) r~otlln)J"nf'nt a~·i?l.:' fa 5lJPpr~s:5ion de (O.'i:5Qnn~5 n,)n SO.')CltI!?5 : rar ~X. ~(f'L~tJ'icid~7dtE(Por!iJgai) --) <'Hri"ldad" (B,-O';;il).

posted bV LOUj'" @ 3.13/200506.55:00 PM

'" 0 comments ,..

81

Partager les responsabilites

Par defaut, les nouveaux membres du blog peuvent uniquement ajouter, editer ou effacer leurs prop res messages. lis ne peuvent modifier ni supprimer les

C?t voyage en ~ ...

messages des autres, ni argentine

changer les reglages du .1'1

C?t Passion Bresil ¢ ,...

blog, Cela est lndique par I_

I 'ecrou grise qui apparait en -~----------___,. ,--=~=~=-....._. face du nom du blog dans Ie tableau de bord d'un membre.

Tableau de bard

Blogs

UOUVEAU MODifiER DERIlIERE MISE A

tlOM DU BlOG 11 ESSAG{ PARAI1ETRES JOUR

03 Mar 2005

Current Team Members

Name

Alida Dupre

alicia_dupre

louiselatour

Add Team Member(s)

Email

Admin 8

Remove

aLkid dupre&r.hoo.r ..

louise Idtollr@w.n~doo.fr

x

Si VOUS souhaitez donner ace membre la possibillte de modifier les reglages du blog et d'editer ou effacer des messages ecrlts par tout membre du blog, y compris vous-rnernc, activez l'option Admin a cote de son nom, dans la page Settings I Members de votre blog.

82

Faire contribuer les autres

Supprirner un mernbr'e

Current Team Members

Name Username Email Admin,Q
Alicia alki8_dupre alid~ dupre@ylllloo.tr ~
Dupre
IOlJi~el.tour louise la~olJr@wllnadc>o .fr 0 Remove

Add Team Member~s)

Si vous souhaitez supprimer un membre de votre blog, affichez la page Settings I Memberset cliquez sur la colonne Remove en face de son nom. Les messages de ce membre ne sont pas supprimes automatiquement. Vous pouvezles effacer manueHement dans la page Posting I Edit Posts.

Faire contribuer les autres

83

Infos plus

. .

Modifier son modele

• Notez que les modifications pour Ie profil effectuees

dans Ie modele ant ete perdues. Consultezle chapitre precedent pour plus d'informations sur la manlere dont votre profll s'affi.che.

Lalsser des commentaires

• H peut sembler etrange de se deconnecter en haut d'une page pour se reconnecter en bas

de cette rneme page. Comme Blogger vous reconnait par

cette identification, vows devez vous deconnecter pour voir votre blog comme un visiteur quelconque. Une autre maniere de proceder serait d'afficher Ie blog dans un autre navigateur (ou sur un autre ordinateur).

• Le reglage par defaut de Blogger exige que les vlsiteurs se connectent (et done possedent un compte Blogger) pour

pouvoir laisser un commentaire. Ceci peut certes proteger

votre blog des commentaires tndesrraotes. rnals peut aussi ernpecher les visiteurs de

faire des cornmentalres en

toute legitlmlte. Vous avez pu decouvrlr dans ce ohapitre

84

comment accepter des commentaires de tout visiteur; y compris ceux ne possedant pas de compte Blogger.

Permettre l'anonymat

• Vous pouvez aussi etre plus restrictlf en autorisant uniquement les membres de l'equlpe a faire des commentaires.

Effacer des commentaires

• Vos visiteurs peuvent supprimer leurs propres commentaires,

a condition qu'ils soient connectes avec Ie merne compte Blogger que lorsqu'ils ont publle ces commentaires.

• Personne, en dehors de I'auteur du commentaire et du proprietalre du blog, ne peut voir l'icone Corbeille.

Arreter les commentalres

• Vous pouvezautoriser les commentaires de nouveau en retournant sur la page Posting I Edit. Choisissez Yes pour I'option Allow New Comments on This Post.

Faire contribuer les autres

Infos plus

• Si vous souhaitez interdire

les commentaires mais aussi masquer tous les commentaires recus, choisissez I'option No

& Hide Existing Comments

au lieu de No. Notez que les messages masques ne seront pas supprimes detinitivement et reapparaitront si vous choisissez une option dlfferente pour Allow New Comments on This Post.

Masquer les commentaires

• Les commentaires ne sont pas supprirnes lorsque vous les masquez. Si vous decldez de les rendre visibles de nouveau, vous pouvez cliquer sur Show dans

la page Settings I Comments.

Creer une equipe

• Les nouveaux membres de l'equipe seront autorises a creer editer et supprimer leurs propre; messages, mais pas a modifier ceux des autres membres ou modifier les reglages du blog.

• Si vous changez d'avis apres avoir aioute un membre ou saisi une mauvaise adresse e-mail, vous pouvez annuler I'invitation en cliquant dans la colonne Remove en face de son nom, dans Ie tableau Open Invitations.

Faire contribuer les autres

lolndre un blog d'equlpe

• Si I'ami repondant a votre invitation partage son ordinateur avec quelqu'un d'autre et que cette personne soit connectee

a Blogger avec son propre compte, c'est I'autre personne qui sera ajoutee comme

membre de l'equipe. au lieu de votre ami. Dans ce cas, vous devrez effacer Ie membre de

I 'equipe et recommencer.

Modifier Ie modele

• Si vous souhaitez appllquer deux types de mises en forme a deux parties distinctes des messages d'un des membres de votre blog, vous pouvez combiner Ie nom a afficher a un mot special dans I'attribut class. Par exemple, vous pourriez creer la regie de style suivante : .Louisebyline {color:red} puis ajouter byline apres <$ BlogltemAuthorNicknam es» dans I'attribut de class de la balise span, autour de l'elernent de signature (byline) que vous souhaitez mettre en forme, La signature de Louise apparaltra en rouge et non en italique, alors que Ie corps du message restera en italique et de la merne couleur que precedernment,

85

Infos plus

Supprimer un membre

• Vous ne pouvez pas supprimer un membre Admin, a moins qu'il existe au moins un

autre membre Admin .

• Vous pouvez transferer la propriete d'un blog vers une autre personne. Vous devez pour cela I' ajouter en tant

que membre d'equipe, lui donner Ie statut Admin, puis vous supprimer vous-merne

de l'equipe. Attention!. Des que vous aurez clique dans la colonne Remove en face de votre nom, vous ne pourrez ptusacceder a [a page Settings I Members pour ce clog. Vous ne pourrez plus modifier les reglages du blog jusqu'a ce quel'autre membre, avec Ie statut Admin, vous reintrodulse dans l'equlpe et vous attribue Ie statut Admin de nouveau.

86

Ealre contribuer les autres

6. Heberger son b og

Jusqu'ici, nous avons profite du service d'hebergernent de Blogger, appele Blogspot, pour rendre votre blog disponible sur Internet. Blogspot est bien concu, facile a utiliser et gratuit. Neanmoins. Blogspot presents des inconvenients. Les trois principaux sont l'imposstbltlte d'utiliser votre propre nom de domaine mais une adresse finissant par blogspot.com ; la barre de navigation irnposee par Blogspot, qui a'affiche en haut de page; et enfin, l'lmpcssiblllte de stocker des images et d'autres fichiers qui ne sont pas ceux du blog. Vous devez les conserver sur un autre hebergernent Web.

Heureusement, si ces limites vous pesent, Blogger vous permet d'heberger votre blog vous-rnerne, sur Ie serveur Web de votre choix. Ce chapitre vous explique comment faire.

87

Heberger son blog sur Ie Web

La plupart des FAI (Fournisseurs d'acces a Internet) offrent un espace Web gratuitement, en general 50 a 100 Mo, que vous pouvez utiliser pour votre blog. L'adresse contient habitueJlementle nom du FAI et votre nom d'utilisateur.

Si vous avez besoin de plus d'espace ou de puissance, vous pouvez contracter les services d'un hebergeur Web dedie, dont la fonction est de mettre vos fichiers Web., y compris votre

blog, a disposition sur Internet. Un hebergeur Web

offre generalement de I'espace supplementalre, mais aussi la possiblute d'executer des scripts, d'utlliser des bases de donnees, etc. Un exemple dhebergeur We.b est Online. ---~-~-+

88

1 Rechercher 1~ Favoris

L 'OUr. ee ~rtIoi!n'I :!;@.tlZ"ite d" Ol1lil'1lO : 0I'1i'M: It. pCl5~i!i I!i .... M ol~'[bd' 1:If1~clIl,.I,=,r dce-p'~rrll:nl~ $,," ... o1rcdo~c:, ~

1(1Urv'a (Jour hSI):ertllHV(ltre eornalne ~

HehEtrQp.rIlg-ni l'IO:sor1resd'~er~enl

A(lll1inislmtioll

VO"J d(l~e~.el'T'as. ~ ~(f'Ip,emI!lD,IfI'r.::~)

Wg.hni;'lll

Coodez v otre ODIM~r.

!'J'nl::;; de lIQro,ll~-~U

tee tJQrdcs ell .lelJl'~ terfts.

Heberger son blog