Vous êtes sur la page 1sur 4

Habitat et Rnovation a. s. b. l. Conseil en Rnovation - Etterbeek Rue Gray, 81 1040 Etterbeek Tl. : 02/647 47 10 Mail : cr1040.hr@misc.irisnet.

be

BLOGS BLOGGER MODE DEMPLOI


Les blogs
Le Dpartement Habiter Ixelles+ a depuis juillet 2012, trois blogs qui compltent les informations prsentes sur le site gnral dHabitat et Rnovation. Les adresses sont : - www.cr1040.blogspot.be - www.cqs1050.blogspot.be - www.cr-dli1050.blogspot.be Pour chaque blog, il y a des administrateurs qui peuvent modifier la mise en page et publier de nouveaux messages. Pour la rcurrence de la mise jour des blogs et communication au public (par e-mail) : tous les mois (par exemple, le dernier vendredi du mois) ou lorsquun vnement important a lieu avant cette mise jour mensuelle. Chaque responsable de projet envoie ensuite le lien du blog au sein de HR et la liste de ses contacts via la Newsletter > voir note Newsletter Mode demploi. Afin de mettre jour la liste des contacts, les CR et lagent DLI demandent si les personnes souhaitent figurer sur le listing. NB : voir si dans la prochaine fiche contact CR on ne devrait pas prvoir une case cocher en cas dintrt par le blog.

Comment a marche ?
Pour pouvoir envoyer des messages ou modifier les infos, il faut aller sur le site de Blogger et vous connecter via votre compte google (mme donnes que votre compte gmail) : http://www.blogger.com Dans la page daccueil, vous avez la liste des blogs pour lesquels vous tes administrateur. En principe, tout est paramtr au dpart. Si vous souhaitez modifier la mise en page, il vaut mieux contacter le CR1040. NB : vous devrez peut-tre mettre jour votre profil Blogger.

Paramtres du blog (stat, mise en page, gestion des messages)

Nhsitez pas aller dans les paramtres, vous verrez des informations qui peuvent tre intressantes, comme les statistiques des gens qui ont consult le blog.

1
BLOGS BLOGGER MODE DEMPLOI AOUT 2012

1/ Poster un nouveau message : > Cliquer sur le crayon orange (dans le menu gnral de Blogger) > donner un titre au message > rdiger le texte dans la zone de texte. Si on veut ajouter une photo au texte > cliquer sur licne insrer une image > choisir les fichiers > ouvrir > ajouter les images slectionnes. Pour modifier limage (taille, lgende, etc.) > cliquer dessus lorsquelle est dans la zone texte et un menu apparaitra en-dessous. Termier par enregistrer et publier.

Titre + publier Mode texte ou HTML Liblls : pour classer les messages. Exemples : ftes de quartier, docu, etc.

Zone de texte + photos

Planifier : permet dantidater un message

Dans le texte, si vous voulez associer une adresse web il faut cliquer sur Associer ; vous verrez plusieurs options qui apparaissent sous ladresse et cliquez sur Modifier. Par exemple : option pour que ce lien souvre (ou pas) dans une nouvelle fentre. 2/ Intgrer plan google maps : > Dans google maps, cliquer sur lien > copier le code HTML dans Google maps > dans blogger, dans le message passer aussi en mode html > Coller le lien > Publier
Lien HTML

3/ Intgrer un lien You Tube : Il y a deux mthodes possibles : A Sans passer par You tube (la plus simple mais il faut dj savoir ce quon veut mettre) : > Dans le blog, crer un nouveau message > cliquer sur licne Insrer une vido > choisir depuis You Tube > chercher la vido (moteur de recherche) > slectionner > enregistrer + publier NB : ne pas oublier de donner un titre au message et un libell B En passant par You tube : > dans You Tube, slectionner la vido quon veut partager > cliquer sur Partager > cliquer sur Intgrer et copier le code HTML en choisissant la taille de la vido (ex : 420 x 315)

2
BLOGS BLOGGER MODE DEMPLOI AOUT 2012

Lien HTML

> Dans le blog, crer un nouveau message > basculer en mode HTML, coller le lien > enregistrer + publier NB : ne pas oublier de donner un titre au message et un libell 4/ Intgrer un lien Picasa : > Sur Picasa, slectionner lalbum quon souhaite partager > dans les options de lalbum > Accs > Public > droite de lcran > lien vers cet album > choisir Insrer un diaporama dans une page web > copier le lien > sur le blog, crer un nouveau message > passer en mode HTML, coller le lien > enregistrer + publier NB : ne pas oublier de donner un titre au message et un libell

Rendre lalbum public

Lien HTML

3
BLOGS BLOGGER MODE DEMPLOI AOUT 2012

5/ Intgrer un lien PDF : > Dans Google documents, slectionner le document pdf quon souhaite publier > cochez la case en regard du fichier aller dans Fichier et cliquer sur Share > le rendre public sur internet > toujours dans Fichier > cliquer sur Embed this PDF file (pour avoir le code HTML) > sur le blog, crer un nouveau message > passer en mode HTML, coller le lien > enregistrer + publier NB : ne pas oublier de donner un titre au message et un libell

Partager le fichier

Partager le fichier

6/ Copier exporter importer le blog : Ces tapes permettent de copier un blog existant sur un nouveau blog. Sert aussi faire un back up du blog sur vos ordinateurs. Il y a deux choses sauvegarder et/ou copier : le modle du blog (mise en page, couleurs, image de fond, etc.) et les messages publis. Il est conseill de faire un back up rgulirement (tous les 6 mois ?). Back up : > Slectionner le blog quon veut copier dans la liste des blogs de la page daccueil Blogger ; > Aller dans Modle > Sauvegarder/restauration (en haut droite de lcran) > tlcharger le modle complet (enregistrer le fichier dans vos dossiers) ; > Aller dans Paramtres > Autre > Exporter le blog > tlcharger le blog > enregistrer le fichier. Copier un blog existant : > Faire les tapes cites ci-dessus ; > Dans la liste des diffrents blogs, slectionner le nouveau blog > aller dans Modle > importer le modle ; > Aller dans Paramtres > Autre > Importer le blog > tlcharger le blog que vous avez export ; > Aller dans la liste des messages du nouveau blog > slectionner tous les messages > cliquer sur publier. > Aller dans Pages > slectionner chaque page > modifier > mettre jour > 7/ Codes html : Lorsquon rdige en format HTML, voici quelques codes utiles <br> : placer ce code l o on veut passer la ligne <em> : texte en italique et fermer par <\em> <b> : texte en gras et fermer par <\b> Sur google, quand on cherche un code, taper CSS. > Site super intressant qui peut http://mestrucspourblogger.blogspot.be/ vous aider agrmenter les blogs :

4
BLOGS BLOGGER MODE DEMPLOI AOUT 2012