Le Blog des Blogs

Quand vous tenez un blog perso, vous n'avez sans doute pas besoin de prévenir à l'avance vos lecteurs qu'aujourd'hui à 14 heures vous allez faire les soldes (jusqu'au 9 février) et qu'à 16h30 vous allez cherchez les enfants... pour cela, il existe déjà Twitter. En revanche, si votre blog parle d'une association, de spectacles, d'événements, un Google agenda y a parfaitement sa place.

Voici quelques explications pour installer cet outil sur votre blog et l'utiliser à bon escient.

Tout d'abord vous devez disposer d'un compte Google (gmail). L'inscription est rapide et ne vous posera pas de problème.

Une fois votre passeport Google en poche, rendez-vous sur la page générique Google et, en haut, cliquez sur la petite flèche à droite de "plus" et choisissez "agenda". Sur le pavé de droite, entrez vos identifiants et cliquez sur "connexion".

Vous arrivez dans votre agenda

Cliquez directement sur les jours et heures où vous voulez marquer un rendez-vous ou un événement ou cliquez en haut à gauche sur "Créer un événement".

Remplissez l'un ou l'autre des deux formulaires ci-dessus et enregistrez

Paramétrages

Avant de déposer (délicatement) votre agenda sur votre blog, quelques réglages sont nécessaires.

Cliquez sur "paramètres"

Dans le tableau qui s'ouvre, cliquez sur "Partagé : modifier les paramètres"

Vérifiez que la case "rendre public" est cochée... sinon vos blogueurs ne pourront pas voir les rendez-vous de l'agenda. Cliquez sur "enregistrer" si vous avez changé de case cochée

Si vous avez enregistré, revenez dans le tableau précédent en recliquant sur "paramètres" puis sur "Partagé : modifier les paramètres".

Dans ce même tableau, cliquez en haut à gauche sur l'onglet "Détails de l'agenda", ce qui ouvre le tableau ci-dessous :

Cliquez sur le lien "personnalisez la couleur la taille et d'autres options"

Voici ci-dessous les options qui "colleront" le mieux avec votre blog :

• Dans "Vue par défaut", choisissez "Mon planning"
• Fixez la largeur à 300 pixels (taille maximum de la colonne de droite de votre blog).
• Fixez la hauteur selon le nombre d'événements que vous avez à rapporter (ne choisissez pas plus de 400 pixels)
• Pour les autres options, vous avez quartier libre.
• Une fois vos choix déterminés, cliquez sur "Mettre à jour le code HTML"
• Copiez le code fourni (Ctrl A pour tout sélectionner dans la fenêtre du code, puis Ctrl C pour le copier)

Il ne vous reste plus qu'à créer un module Agenda que vous insérerez dans votre colonne :

Pour ajouter ou retirer des blocs à vos colonnes et modifier leur position dans les colonnes, allez dans l'administration de votre blog et cliquez sur l'onglet "Présentation" puis dans la section Contenu des colonnes.

Tout en bas, dans la section "Ajouter un élément personnalisé", cliquez sur le lien "Ajouter le code HTML / javascript".

Dans la fenêtre qui s'ouvre, saisissez le Nom de l'élément (par exemple "Agenda")

Dans "contenu de l'élément", collez le code que vous avez récupéré.

Cliquez sur "oui" pour afficher le nom et "non" pour centrer (je n'aime pas centrer... mais c'est vous qui voyez).

"Ajouter cet élément".

L'élément va apparaître dans la liste des éléments, cliquez sur « Ajouter à droite », puis n'oubliez pas le bouton « Mettre à jour ces informations » sinon vous ne verrez pas votre agenda en place.

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

Plus si affinités : Pour compléter le topo, vous pouvez trouver sur internet de nombreux tutoriels développant les outils du Google agenda. Je vous propose de faire un tour sur Memoclic où vous pourrez notamment tout savoir des subtilités de la synchronisation entre plusieurs agendas ou de l'affichage de la météo.

A vos claviers... et à vos agendas,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

Je vous avais déjà expliqué comment installer un module de recherche sur votre blog mais, à l'époque, il fonctionnait plus ou moins bien car Google répertoriait encore en priorité les pages des anciens sites de la plateforme (ceux en blogsudouest.com) ce qui faussait les recherches. Désormais, le module est parfaitement opérationnel et je vous conseille de l'installer si vous voulez retrouver une note parmi les centaines de votre blog.

Mieux encore, voici une petite avancée pour ce module avec l'ajout d'une ligne qui vous permettra de rechercher sur l'ensemble des blogs de la plateforme http://blogs.sudouest.com Ainsi, si vous ne vous souvenez plus de l'adresse d'un blog que vous voulez visiter, tapez quelques mots clefs dans le module de recherche, cochez la case "sur la plateforme des blogs" et roule ma poule.

L'explication détaillée pour installer le module se trouve dans la note "Le truc du jour : Dis-moi qui tu cherches"

La modification à apporter pour disposer également d'une recherche sur l'ensemble de la plateforme est simple.

Voici le code que je vous proposais, auquel j'ai ajouté la ligne (EN ROUGE) qui permet la recherche étendue. N'oubliez pas non plus de personnaliser les parties EN VERT avec la propre adresse de votre blog et un intitulé EN BLEU définissant votre blog. Vous pouvez voir le résultat pour le Blog des blogs en haut de sa colonne de gauche.

<form ACTION="http://www.google.com/search" target="_blank" METHOD="GET">

<input type="hidden" name="domains" value="http://blog.blogs.sudouest.com/"><div align="center"><center><table

BORDER="0" BGCOLOR="#FFFFFF" CELLSPACING="0">

<tr>

<td VALIGN="top" align="left"></td>

<td VALIGN="top" align="left"><input TYPE="text" NAME="q" VALUE SIZE="20" MAXLENGTH="255">

&nbsp;&nbsp;&nbsp; <input TYPE="submit" NAME="sa" VALUE="Recherche"><br><input

TYPE="radio" NAME="sitesearch" VALUE="http://blog.blogs.sudouest.com/" CHECKED><strong>Dans le Blog des blogs</strong> <br>

<input

TYPE="radio" NAME="sitesearch" VALUE="http://blogs.sudouest.com/" CHECKED><strong>Sur la plateforme des blogs</strong> <br>

<input TYPE="radio" NAME="sitesearch" value> Web &nbsp;&nbsp;&nbsp;

</td>

</tr>

</table>

</center></div>

</form>

<p>

(Photo trouvée sur Google image avec le filtre "réutilisation autorisée" pour accéder à la source, cliquez sur la photo)

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

Après avoir parlé des tags dans les notes puis de l'installation du module de tags sur votre blog et enfin de la mise en place d'un nuage de tags personnalisé, voici une quatrième note sur les tags, plus ludique. Vous pouvez en effet transformer les mots-clefs de votre blog en une composition du plus bel effet grâce à Wordle. Sur ce site, vous pouvez obtenir en trois coups de cuillères à pot (et quelques clics) un tableau qui rassemblera artistiquement tous les mots-clefs d'un texte ou d'un blog.

CLiquez tout d'abord sur "Create" (et oui, c'est en anglais, mais même les plus ardents défenseurs de Jeanne d'Arc devraient s'en sortir tant le mode d'emploi est simple).

Dans le tableau "paste in a bunch of text" vous collez un texte. Un texte de votre cru gratifiera assurément votre ego, mais vous pouvez tout aussi bien y déposer l'article 3 du code de procédure pénal, si vous voulez obtenir une belle illustration décallée pour votre magnifique note traitant des tenants et des aboutissants de l'article 3 du code de procédure pénal. Ensuite, vous cliquez sur "Go" et vous n'avez plus qu'à admirer votre chef d'oeuvre. Voir ci-contre à gauche pour le résultat avec l'article 3 du code de procédure pénal, ce qui vous réconciliera peut-être avec la justice.

Apollinaire aurait sûrement adoré cet outil pour composer quelques calligrammes. Le résultat est plutôt surprenant quand vous choisissez un poème... plutôt qu'un texte de loi.

Vous pouvez aussi vous servir de Wordle pour tester un long texte (une nouvelle par exemple) pour découvrir quels sont les mots les plus utilisés, les plus marquants. Sur la plateforme, un blog se sert d'ailleurs de Wordle pour illustrer chacune de ses nouvelles.

Vous pouvez également demander à Wordle de mettre en forme votre blog. Pour cela, utilisez le deuxième paragraphe, "Enter the url of any blog". Comme indiqué, entrez l'adresse de n'importe quel blog... mais je suis sûr que vous commencerez par le vôtre. Cliquez sur "Submit" et submitez le résutlat. Du grand art. Votre blog calligrammé.

Vous pouvez ajouter une touche personnelle avec les différentes fonctions proposées dans la barre au-dessus du dessin. Si vous êtes flemmard, laissez faire la machine et cliquez autant de fois que vous voulez sur "Randomize", en dessous du dessin, jusqu'à ce que le résultat vous plaise.

Enfin, vous pouvez immortaliser votre composition en cliquant sur "save to public galery". Cela vous donnera par la même occasion un code que vous pourrez entrer dans votre blog. Mais le résultat obtenu est un tout petit dessin. Mieux vaut faire une capture d'écran en bonne et due forme, sans oublier ensuite de faire un lien direct vers le site Wordle et de le citer comme "co-auteur" de votre tableau.

Dernière précision, le nuage de tags que vous obtenez avec Wordle est purement décoratif. Si vous voulez le transformer en véritable nuage de tags, cela reste possible, mais il vous faudra prendre quelques cours de mapping (transformation d'un image en plusieurs liens qui s'activent quand on clique sur les parties "mappées" de l'image).

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

L'utilité du tag (sur les murs d'un blog) n'est plus à démontrer. Les moteurs de recherche s'en gavent... mais gare à l'indigestion. De nombreuses discussions sur les tags fleurissent dans les forums et les avis restent toujours partagés. Surtout en matière de "nuage de tags".Vous trouverez également nombre d'explications sur l'abus préjudiciable des tags.

Nuage, pas nuage ? Sur la plateforme, vous avez la possibilité d'installer un nuage qui rassemble les 10 tags les plus populaires de votre blog. Pour le référencement, cela est amplement suffisant. Allez dans "Présentation" / "Contenu des colonnes" et ajoutez le module "Tags populaires".

Installer un véritable nuage de tags personnalisé sur son blog n'est pas une mince affaire. Il faut mettre les mains dans le cambouis du css ("Présentation"/ "Configuration avancée") et les dégâts collatéraux peuvent être redoutables.Voici quand même un exemple qui peut vous servir de base, pour un nuage de tag dynamique

En fait, ce que proposent de nombreux générateurs de nuages de tags n'est qu'un pis aller. Au lieu de vous offrir un nuage basé véritablement sur vos tags, vous obtenez une nébuleuse construite avec l'ensemble des mots édités sur la première page de votre blog.

Aussi, je vous propose une solution intermédiaire, sans danger mais qui vous prendra un peu de votre précieux temps. Rendez-vous sur un générateur de tags des plus basiques, mais efficace, Cloudtag generator (cliquez sur l'image de gauche pour agrandir la capture d'écran).

Vous entrez l'adresse de votre blog et cliquez sur "get tags".

Vous obtenez une centaine de tags mais c'est un peu du n'importe quoi. C'est là qu'intervient le temps que je vous ai recommandé d'avoir... Un par un, vous nettoyez les tags en les renommant (à moins que vous vouliez avoir un tag "Noël" au lieu de "Noël"). vous devez également supprimer bon nombre de doublons ou de tags complètement inutiles comme "Mot de passe oublié ?".

Une fois passé l'aspirateur, vous devrez rajouter des tags (il y a un bouton "add more tags"). Là, je vous conseille de recopier l'adresse d'un tag, du genre "http://blog.blogs.sudouest.com/tag/google" et remplacer le mot "google" par un autre tag de votre blog.

Autre petit conseil : Ne vous essayez pas à recopier le dictionnaire en tags. Quelques mots clefs bien sentis pour faciliter la navigation de vos lecteurs suffiront amplement.

Quand votre liste de tags est prête, vous choisissez d'avoir des tags soulignés ou non; leur couleur; leur taille; la marge (padding); la largeur (pas plus de 300 pixels pour une grande colonne et 150 pour une petite) et la hauteur du nuage; l'alignement (centré, à droite ou à gauche), etc. Cliquez ensuite sur generate preview et, si le résultat vous satisfait, copiez le code html qui vous est donné

La suite est désormais bien rôdée pour tous ceux qui ont l'habitude de customiser leurs colonnes : Pour cela, allez dans "Presentation" / "Contenu des colonnes" et, tout en bas, cliquez sur "ajouter le code html". Dans la fenêtre qui s'ouvre, collez le charabia récupéré sur Tagcloud generator et le tour est joué. Donnez un titre à cet élément, choisissez ou non de rendre visible ce titre puis validez, choisissez de mettre le nouvel élément dans la colonne de droite ou de gauche, faites monter à sa juste place dans la colonne à l'aide des flèches et, enfin, comme d'hab', n'oubliez pas de cliquer sur "Mettre à jour ces informations" pour... mettre à jour ces informations.

Actualisation du nuage. Petit inconvénient, votre nuage de tags ne s'actualisera pas tout seul. Quand un nouveau mot clef fera son apparition sur votre blog, vous devrez le rajouter manu militari dans votre nuage. Ce qui n'est quand même pas le bout du monde : Revenez dans le module où vous avez collé le code, faites Ctrl A pour tout sélectionner et copiez tranquillement le tout sur une nouvelle note (que vous détruirez ensuite) ou sur un blocnote pour éditer le tout à votre aise.

Vous aurez un truc comme ça :

<div style="_height:px; width:300px;background-color:#FFFFFF;font-family:Arial; border: 1px solid #FFFFFF; text-align:left;">
<a href="http://blog.blogs.sudouest.com/tag/blog" style="font-size:13px;text-decoration:none; color: #FF7600;">blog</a> 
<a href="http://blog.blogs.sudouest.com/archive/2009/12/04/astuce-du-jour-ecoutez-voir-ajoutez-un-lecteur-a-votre-blog.html" style="font-size:13px;text-decoration:none; color: #FF7600;">Ecoutez voir</a> 
<a href="http://blog.blogs.sudouest.com/tag/photos" style="font-size:22px;text-decoration:none; color: #DE2159;">photos</a> 
<a href="http://blog.blogs.sudouest.com/archives/" style="font-size:15px;text-decoration:none; color: #039FAF;">Toutes les archives</a> 
<a href="http://blog.blogs.sudouest.com/conseils-et-astuces/" style="font-size:14px;text-decoration:none; color: #DE2159;">conseils et astuces</a>

Avec autant de ligne commençant par "< a href" qu'il y aura de tags.

Il vous suffit donc, pour rajouter le tag "Exemple", de copier une ligne :

<a href="http://blog.blogs.sudouest.com/tag/photos" style="font-size:22px;text-decoration:none; color: #DE2159;">photos</a>

Et de remplacer le mot "photos" par le mot "Exemple"

Vous personnaliserez votre tag en lui choisissant sa taille ("22px" à remplacer par la taille souhaitée)

Vous choisirez sa couleur en remplaçant #DE2159 par le code de la couleur voulue (vous trouverez les équivalences codes-couleur sur cette page)

Vous copiez votre nouveau code réactualisé ou complété et vous allez le coller dans le module de votre colonne.

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

Il ne faut pas toujours compter sur les autres. Un blogueur peut même se contenter de compter sur son blog. Pour cela, il lui suffit d'installer un petit gadget qui lui rappellera à tout moment que le temps qui passe est inéluctable (qui a dit qu'on ne pouvait pas faire de la philosophie de comptoir sur un blog ?).

Ce gadget est très simple à installer (et donc à virer quand il vous énervera) et il ne nécessite pas d'inscription (avec la fameuse case qu'il ne faut pas oublier de (dé)cocher pour ne pas recevoir les 456 emails commerciaux quotidiens qui en découlent). Rendez-vous donc sur http://www.countdownr.com/ le site est en anglais, mais la comprenette est facile.

Descendez en bas de la page, dans la partie "add new counter" (même moi je comprends ce que ça veut dire...).

Vous pouvez opter sur des éléments prédéfinis (Predefined events) comme Noël, la nouvelle année... ou demain.

Vous ne pourrez tabler que jusqu'en 2014. Tant pis pour ceux qui voulaient déclencher un compte à rebours pour fêter dignement l'an 3000.

Quand le décompte est terminé, le gadget n'explose pas... quoique puisque vous pouvez effectivement programmer une explosion (virtuelle) quand l'objectif est atteint. Vous pouvez aussi opter pour un "gong" un peu plus discret.

Vous pouvez même programmer votre décompte pour qu'il se répète en boucle chaque jour, chaque semaine, chaque mois ou chaque année.

Quand vous avez rempli le questionnaire, cliquez sur "Create link"

Dans la page qui s'ouvre, copiez le code qui se trouve dans la fenêtre intitulée "For an embedded Counter copy this code to your web site".

Allez dans la note où vous voulez voir figurer le décompte. Cliquez sur l'outil "html" dans la barre-outil de votre note (troisième outil en partant de la droite, à côté de la gomme). Dans la fenêtre qui s'ouvre, vous collez le bout de code à l'endroit où vous voulez le voir aparaître. Cliquez sur "mettre à jour". Et hop, c'est bon. Vous verrez sans doute, dans votre note en création, un avertissement "this page needs Javascript,please turn it on". N'en tenez pas compte, ça n'aparaît pas quand vous aurez publié votre note. Le décompte semble également arrêté à 0h00.00 mais il prendra vie une fois la note publiée.

Vous pouvez également publier ce gadget dans une des colonnes de votre blog, comme je l'ai fait ici en bas à droite. Pour cela, allez dans "Presentation" / "Contenu des colonnes" et, tout en bas, cliquez sur "ajouter le code html". Dans la fenêtre qui s'ouvre, collez le charabia récupéré sur Countdown et le tour est joué. Donnez un titre à cet élément, choisissez ou non de rendre visible ce titre puis validez, choisissez de mettre le nouvel élément dans la colonne de droite ou de gauche, faites monter à sa juste place dans la colonne à l'aide des flèches et, enfin, comme d'hab', n'oubliez pas de cliquer sur "Mettre à jour ces informations" pour... mettre à jour ces informations.

Au fait, pourquoi le 16 février 2010 à 14h10 ? Et bien ,rendez-vous le 16 février 2010 à 14h10, vous verrez bien...

Je compte sur vous,

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

(Photo Philippe Bataille)

Et maintenant, enlevez vos moufles et

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

Si Dieu fit l'homme à son image, personne ne peut dire si elle était ou non libre de droit. Comme il n'y a pas eu de procès, on peut supposer que oui. En revanche, sur votre blog, chaque fois que vous illustrez une note avec une photo, un dessin, un graphique, vous devez vous poser la question de la propriété de ladite image. Surtout si vous avez pêché (péché ?) l'illustration au gré de vos balades sur Internet.

L'outil le plus facile d'utilisation pour trouver une image est Google images . Toutefois, avant de vous lancer à l'aventure, cliquez sur "recherche avancée" et positionnez-vous sur la ligne "Droits d'utilisation". Vous avez alors le choix entre "Sans tenir compte des licences", "Réutilisation autorisée", "Réutilisation à des fin commerciales autorisée", "Réutilisation avec modification autorisée" et "Réutilisation avec modification à des fins commerciales autorisée". Si vous ne voulez pas d'ennui sur votre blog, optez pour "réutilisation autorisée" . De son côté, Yahoo a également mis en place un filtre similaire.

Tant que vous êtes dans "recherches avancées", profitez-en pour activer le filtre "Safe search", surtout si vous cherchez des images avec des yeux innocents à portée de main. En effet, imaginez que vous vouliez illustrer une note avec une photo de truie et que vous tapiez "truie" dans Google image sans prendre de précaution. Le résultat risque de vous dégoûter pour toujours du rôti de porc... Choisissez donc "filtrage strict" et aucune photo "adulte" ne risquera de se glisser sur votre écran.

Revenons à nos moutons. Le fait d'avoir choisi "réutilisation autorisée" n'est pas suffisant car des photos "non autorisées" peuvent avoir franchi le filtre. Vous devez donc, chaque fois que vous empruntez une photo sur le Net (et ceci est d'autant plus valable si vous ne vérifiez pas à l'avance le droit d'utilisation de l'image), mettre un lien direct vers le site où vous avez trouvé l'image. Le fait de rajouter une petite légende du style "J'ai trouvé cette superbe image sur le Blog des blogs" ne gâchera rien.

Creative commons : Simples à utiliser et intégrées dans les standards du web, ces autorisations non exclusives permettent aux titulaires de droits d'autoriser le public à effectuer certaines utilisations, tout en ayant la possibilité de réserver les exploitations commerciales, les oeuvres dérivées ou le degré de liberté (au sens du logiciel libre). Ces contrats d'accès ouvert peuvent être utilisés pour tout type de création : texte, film, photo, musique, site web... Vous trouverez les définitions des différentes licences Creative commons sur ce site : http://fr.creativecommons.org/contrats.htm

Galerie de portraits.

• Le site des professeurs documentalistes de l'académie de Rouen propose une superbe liste de sites où l'on peut trouver des images libres de droit, particulièrement si leur utilisation est pédagogique. Des centaines d'adresses où faire son marché librement, classées par thèmes : généraliste, architecture, littérature, métiers de bouche, dessins et illustrations, etc.
• Images à utilisation libre (sauf commerce) sur Grenadine (en français)
  
  
• Photos sous creative licence sur freephotobank (en anglais)
• Photos de haute qualité libres de droit. (en français) Vous devez juste coller un sticker "maison" sur votre site.
  
• 5800 images "libres" sur Cepolina (choisir le "language" français)
  
  
• 30000 photos d'archives à usage libre non commercial sur Gimp-Savvy (en anglais)
• 3000 photos gratuites et libres de droit sur Free On Line Photos (en français)
• Wikimedia : Un conservatoire central de contenus libres, comprenant des images, de la musique, des textes écrits et parlés, qui offre à ce jour près de 1 500 000 fichiers multimédias et 60 000 entrées.
• Dans la série "toujours plus", voici le moteur de recherche (en français) qui cherchera pour vous parmi près de 6 millions de documents, l'image de vos rêves (désargentés) : photosearch
  
• Enfin, pour la bonne bouche (Attention si vous cherchez "bonne bouche" avec Google image sans filtrage parental), n'oubliez pas d'aller faire un tour sur FlickR (mettez sur la ligne d'en bas le language en français). Trois milliards de photos vous y attendent, plus ou moins libres de droit, plus ou moins gratuites. Pour mieux connaître FlickR, avant de vous inscrire, lisez-en la définition sur wikipedia.

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

Sur les blogs, après le flux (RSS ou Atom), ne vient pas le reflux, mais l'afflux... de lecteurs. Certes, l'ami Google est quelque peu revenu sur sa politique de référencement d'un flux nerveux, mais il n'en reste pas moins que vous pourrez par ce moyen fidéliser sinon accrocher des lecteurs potentiels.

Tout d'abord, si vous aimez les définitions, vous pouvez aller sur Wikipédia pour vous faire une idée des flux RSS. (sur cette même page vous trouverez des explication sur la fission de l'Atom et pourrez devenir agrégé en agrégateur de flux).

En gros, un flux RSS est un bon moyen de surveiller en direct-live les dernières parutions d'un blog ou d'un site que l'on trouve particulièrement intéressant, sans avoir à se rendre sur place pour vérifier.

Dans votre blog, vous pouvez inscrire très facilement un ou plusieurs flux dans une colonne. Allez dans "Présentation" puis "contenu des colonnes" et, tout en bas, dans la partie "Ajouter un élément personnalisé", vous cliquez sur "Ajouter un flux". Dans la fenêtre qui s'ouvre, on vous demande de coller un flux. Il est précisé que "Seul les flux de type atom sont actuellement supportés" mais les flux RSS fonctionnent également très bien.

Bon, c'est très joli, ça, je souhaite ardemment mettre sur mon blog le flux RSS du merveilleux (dois-je mettre une majuscule à "Merveilleux" ?) Blog des blogs, mais où vais-je trouver ce sacré flux-là ? Où ? Là ! Tout là-haut, dans la barre adresse si vous utilisez FireFox ou juste en dessous dans une barre-outil si vous utilisez (Heu, je ne vous ai pas déjà dit de n'utiliser que FireFox ?) Internet explorer. Vous verrez ce petit symbole orange (voir ci-contre) et il vous suffira de cliquer dessus. Pour ce blog, vous obtiendrez l'adresse :

http://blog.blogs.sudouest.com/index.rss pour le flux RSS ou

http://blog.blogs.sudouest.com/atom.xml pour le flux Atom

Copiez l'une de ces deux adresses, collez-là dans la fenêtre de "ajouter un flux" puis cliquez sur "fenêtre suivante". vous obtenez ceci :

Vous pouvez choisir le nombre d'articles qui seront affichés (Attention, si vous mettez 4, vous en aurez 5; si vous mettez 2, vous en aurez 3... après ça ne dîtes plus qu'on n'est pas généreux); d'afficher le titre (nom de l'élément, que vous pouvez modifier); la date, etc. Cliquez sur "enregistrer" puis passez à la manipulation habituelle :

Dans la liste des éléments des colonnes du blog, ajoutez le nouvel élément à droite ou à gauche, faites le monter ou passer d'une colonne à l'autre à l'aide des flèches et enfin n'oubliez pas de valider tout ça en cliquant sur "Mettre à jour ces informations".

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

T'entends rien là ? et là ? Et là, tu ne vois rien, là ? Pour éviter un dialogue de sourd entre internautes, vous pouvez installer un lecteur audio dans vos notes afin de proposer la lecture de l'intégrale de "A la recherche du temps perdu" enregistrée par vos soins ou les premiers babillages du petit dernier. Un lecteur intégré existe déjà mais il ne fera le bonheur que des minimalistes (c'est déjà ça). commençons par là :

Vous avez un fichier dans votre ordinateur, un son pas trop lourd (en tout cas, moins de 10 Mo) et vous voulez en faire profiter la terre entière sans vous prendre la tête. Rien de plus simple :
Cliquez dans la note à l'endroit où vous voulez que le lecteur apparaisse, puis cliquez sur l'outil "insérer un fichier multimedia" (à gauche du petit arbre vert). Dans l'onglet par défaut ("Depuis un fichier"), cliquez sur "Parcourir" et cherchez le fichier dans votre ordinateur. Seuls les fichiers .avi .mov .mpg .mp3 .mp4 .qtl .ram .ra .rm .smi .wma et .wmv sont autorisés, ce qui vous laisse quand même une belle gamme à exploiter. Une fois le fichier sélectionné dans votre ordinateur, cliquez sur "valider" et c'est prêt.
Voir ci-dessous pour un court exemple réalisé avec un fichier wma (audio Windows media)

Si votre fichier est en MP3, cela donnera ça : juste le mot "podcast" et, quand vous cliquez dessus, ça ouvre une fenêtre où votre fichier est lu... quand je parlais de minimalisme, vous comprenez mieux maintenant... :)

A noter : que ce soit pour l'un (WMA) ou pour l'autre (MP3), quand vous rentrez le fichier dans la note, avant publication de la note, vous voyez ça :

(ne cliquez pas dessus, c'est une image)

Mais revenons à nos bêlements (moutons) et passons à l'étape des fioritures pour obtenir des lecteurs de son un peu plus "fun" (sans radio, merci). Personnellement, tout en restant simple, j'aime bien ce petit lecteur repiqué dans le blog de Patrick Pike :

Pour l'insérer dans votre note, vous devez cliquer sur l'outil "html" (le troisième en partant de la droite sur la barre-outil d'une note) et, à l'endroit souhaité dans la fenêtre qui s'ouvre, vous collez ceci :

<p style="text-align: center;">
<object height="20" width="200" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" type="application/x-shockwave-flash">
<param name="bgcolor" value="#357AB7" />
<param name="FlashVars" value="mp3=XXXXXXXXXX&amp;amp;showstop=1&amp;amp;showvolume=1&amp;amp;loadingcolor=6D071A&amp;amp;bgcolor=357AB7&amp;amp;bgcolor1=357AB7&amp;amp;bgcolor2=357AB7&amp;amp;slidercolor1=FEFEFE&amp;amp;slidercolor2=FEFEFE&amp;amp;sliderovercolor=00FFFF&amp;amp;buttoncolor=F7FF3C" />
<param name="src" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
</object>
</p>

En ayant pris soin de remplacer les X ROUGES par l'adresse où votre fichier est hébergé sur Internet. Adresse qui débute par http:// et se termine par .mp3

Conversion souhaitée. Comme de nombreux confrères (au lecteur, pas à Patrick Pike), il s'agit d'un lecteur pour les MP3. Donc, on passe à l'étape suivante : "Mais je n'ai que du son WMA, comment j'obtiens des MP3 ?
La réponse se trouve dans Itunes, bien connu de tous les bipèdes à ipodes. Vous faites comme si vous vouliez ajouter votre fichier WMA à une liste de lecture et là, le lecteur (pas vous, le lecteur Itunes) qui est un petit malin (après tout, vous aussi sans doute) va détecter l'erreur et vous demander si vous voulez le convertir en MP3. Dites oui et ensuite, d'un simple clic droit, vous copiez le fichier et allez tranquillement le recoller dans un dossier de votre ordi, nanti cette fois d'une belle extension ".mp3"

Vous pouvez trouver d'autres astuces de conversion facilement sur Internet

Vous pouvez également piocher à gauche et à droite (en restant politiquement correct) d'autres modèles de lecteurs. Vous en trouverez toute une flopée en cliquant sur l'image ci-dessous.

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com

La bannière d'un blog, c'est un peu sa carte de visite. Le petit dessin (ou logo) qui vaut mieux qu'un long discours. D'où l'intérêt de soigner cette entrée visuelle. Vous pouvez également en changer de temps en temps pour montrer à vos lecteurs que vous n'êtes pas aussi figé qu'un garde empoilé devant un royal anglais palais. Ainsi, les fidèles de ce Blog des blogs auront tout de suite vu que j'ai fait une infidélité à mon ancienne bannière.

Pour changer sa bannière, la manoeuvre est simple : Aller dans "Présentation" puis, dans "modèles", positionnez-vous sur l'un des quatre types de présentation proposés. Celui que vous aurez choisi sera légendé d'un "sélectionné".

Dans la partie "modèle", choisissez celui qui vous plaît et cliquez sur "personnaliser". Sur la ligne "bannière", cliquez sur "parcourir" pour aller choisir la bannière que vous aurez stocké dans votre ordinateur. Cliquez sur "télécharger" puis sur "utiliser ce modèle" et votre nouvelle bannière est en place.

Quelques conseils :

La bannière est une image comme une autre, mais d'une dimension un peu particulière puisqu'elle mesure généralement 1000 pixels de large pour 90 pixels de haut. Si vous voulez du texte dedans votre image, il faudra l'insérer à l'aide d'un logiciel de retouche d'images (voir ci-dessous avec Photofiltre ou Photoshop)
Pour la largeur, faites attention car les blogs n'ont pas tous, suivant le modèle choisi, la même largeur totale. Certains font un peu moins de 1000 pixels et d'autres un peu plus. La taille de la bannière doit donc être adaptée au modèle choisi.
Pour la hauteur, il n'y a pas théoriquement de limite, mais le minimum syndical se situe à 90 pixels et le maximum à 150 pixels. Si vous choisissez une bannière plus haute que ça, cela déséquilibrera votre blog qui risquera de sombrer... dans l'oubli.

Ne prenez pas une image trop lourde en guise de bannière, sinon le blog mettra du temps à s'afficher. Faites en sorte que la bannière ne pèse pas plus de 50 ko et mettez la en Jpg ou en gif.

Créer sa bannière :

Vous pouvez dessiner vous-même votre bannière ou vous promener sur la toile ou de nombreux internautes mettent gratuitement à votre disposition des bannières de leur cru (faites attention à la largeur de la bannière).

Créer une bannière avec Photofiltre (le modèle proposé est barbiesque, mais ça donne une idée). Et si vous voulez pousser le sujet, voici une liste de tutos pour Photofiltre

Créer une bannière avec Photoshop

Créer une bannière sous Ubuntu

surlatoile.com

Si vous voulez mettre les mains dans le cambouis du CSS

Vous pouvez également demander à Isa, en lui laissant un commentaire sur son blog. Elle se propose de vous concocter une bannière si, en matière de dessin, vous avez deux mains droites (elle est gauchère). Pour info, c'est elle qui a créé la bannière du Blog des blogs

A vos claviers,

Jean-Michel Le Blanc
jm.leblanc@sudouest.com
blog@sudouest.com