Nouvelle interface Blogger

Depuis quelques jours Blogger propose une nouvelle interface avec un nouveau look dans la même ligne que tous les nouveaux produits Google que je trouve très sympa. Mise à part le look, j’apprécie de pouvoir voir dans l'écran affichant la liste des messages, le compteur de visites de chacun des messages.

Quant à l'interface de modification des messages, je n'ai rien noté de vraiment nouveau mais le look est meilleur que le précédent et plus cohérent avec la charte graphique Google.

Pour en savoir plus, voir :

1. Un nouveau look pour Blogger sur le blog de Google France,
2. Utilisation de la nouvelle interface dans le centre d'aide Blogger.

PDF sur Blogger

Comment publier des fichiers PDF dans un blog Blogger comme je viens de le faire ce matin dans ce post et celui-ci ?

1. Uploadez les fichiers PDF que vous voulez publier dans Google Docs



2. Cochez la case en regard du fichier que vous voulez publier puis cliquez que le bouton Share

3. Faites en sorte que le fichier soit public sur internet



4. Affichez votre document dans Google Docs et copiez le code indiqué dans la zone Embed in webpage or blog



5. Collez le code dans un nouveau message Blogger puis Publier



6. Vous obtenez le résultat suivant

Pour imprimer les documents PDF :

1. Cliquez sur le bouton Open in new window pour ouvrir le document dans une nouvelle fenêtre dans Google Docs

2. Utilisez l'option Print PDF (ou Download original)

Nouvelles bannières

Histoire de changer de bannière de temps de temps, je viens de charger sur Flickr quelques nouveaux "headers". Dans le passé, j'ai publié d'autres bannières : en juillet 2006 et en septembre 2007.

Tjoloholms (Suède)

Château de Tjoloholms

Tjoloholms

Tjoloholms

Coucher de soleil à Tylösand (Suède)

Asnières-sur-Vègre

Asnières-sur-Vègre

Le Mans

Commentaires désactivés par Blogger ?

Depuis ce matin, il semble que l'ajout de commentaire ait été désactivé sur tous les blogs Blogger hébergé par blogspot.com. Les liens qui, normalement, servent à ajouter des commentaires sont aujourd'hui de la forme http://gillesdubois.blogspot.com/2008/10/x.html#comments, ce qui amène juste au 1er commentaire mais ne permet pas d'en enregistrer de nouveaux. En espérant que cela va retomber en marche dans la journée...

Mise à jour du 24/10/08

Le problème vient du fait que Blogger vient de mettre "Message ci-dessous intégré" (embedded below post) en valeur par défaut pour le "Positionnement du formulaire de commentaire" et que cette nouvelle fonction n'est pas correctement mise à jour pour ceux qui ont modifié leur widget Blog (voir http://bloggerindraft.blogspot.com/2008/06/new-feature-embedded-comment-form.html).

Pour résoudre le problème, repasser en mode "Page pleine" (Full Page) ou lire cet article de Blogger Buster.



Il y a aussi un autre bug dans la saisie du formulaire : si vous choisissez l'option nom/URL, que vous tapez votre nom dans la zone nom et rien dans la zone URL, vous obtenez le message d'erreur "l'URL contient des caractères non autorisés". Pour résoudre ce problème, taper un blanc dans la zone URL...

Ma liste de blogs

Depuis quelques semaines, Blogger propose un nouveau widget à insérer dans son modèle : le widget "Liste des blogs". Voir image ci-dessous :



Pour configurer sa liste de blogs, il suffit de renseigner le formulaire ci-dessous :



Une fois la liste configurée, il reste à choisir l'emplacement désiré dans la colonne de droite au moyen de l'écran ci-contre...

...pour, finalement, obtenir le résultat suivant :

Gadget RSS Généalogie

Page : 1, 2

Sur ces pages RSS Généalogie, j'envisage d'afficher les flux RSS des nouveaux messages ou articles de nos blogs ou sites préférés. Si vous avez un blog de généalogie ou d'histoire que vous voulez voir sur ces pages, vous pouvez m'écrire à gilles_guy_dubois@yahoo.fr.







Sur cette page, les actualités des blogs : FranceGenweb, Geneablog, GeneProvence, Le Blog Généalogie et le Carnet Web de Généalogie.

Après plusieurs essais, j'ai finalement choisi, pour afficher les fils RSS, d'utiliser le gadget CustomRSS de David Gurak qui me semble simple et de bon goût.

Mise à jour du 18/03/08 : Cliquer ici pour accéder à la page de paramétrisation du gadget. Depuis quelques temps, le gadget ne s'affiche plus à l'intérieur des messages Blogger, j'espère que ce n'est que temporaire...

Installation du gadget Google Traduction dans un blog Blogger

Je viens d'installer dans la colonne de droite de ce blog le gadget Google Traduction qui permet de traduire la page en cours du français vers l'anglais ou l'allemand. La mise en place est extrêmement simple. Il suffit d'aller sur la page Outils de traduction de Google, de sélectionner le langage d'origine de votre blog (ici, le français), puis de Copiez-collez le code HTML proposé pour inclure ce gadget dans votre page Web. Pour inclure le gadget dans votre blog, collez le code HTML dans un widget de type HTML/Javascript.

Insérer une carte Google Maps dans un site ou dans un blog

Un nouvel outil Google Maps permet maintenant d'insérer très facilement une carte dans un site ou dans un blog. Il suffit d'aller sur une carte que vous avez créé dans Google Maps, de cliquer sur le lien "Obtenir l'URL..." puis de copier-coller le code HTML pour l'intégrer sur un site web.



Exemple :


Agrandir le plan

Voir aussi :

• YouTube-style Embeddable Maps
  

Insérer une vidéo YouTube dans un blog Blogger

Pour ajouter une vidéo YouTube dans un message d'un blog Blogger :

1. Allez sur la page de la vidéo qui vous intéresse sur YouTube,
2. Dans les propriétés de la vidéo en colonne de droite (voir copie d'écran ci-dessous), copiez (Ctrl-C) le code se trouvant dans la zone Code,
3. Allez dans l'éditeur de message de Blogger et collez (Ctrl-V) le code (en mode "Modifier le code HTML").
   

Le code à coller doit ressembler à quelque chose du genre :

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/z4nIDnQs-kY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/z4nIDnQs-kY"<br />type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>



Voir aussi : Exemple de page avec une vidéo YouTube

Ajouter une vidéo dans un message avec Blogger

Je viens de m'apercevoir qu'il est désormais possible d'ajouter une vidéo dans un message Blogger grâce au nouveau bouton ci-dessous :



Sélectionnez une vidéo sur votre ordinateur, entrez un titre puis cliquez sur Transférer une vidéo...


Attendez quelques minutes pendant l'envoi et le traitement de la vidéo...


Et vous obtiendrez quelque chose comme ci-dessous (Arrivée en voiture à La Javie dans les Alpes de Haute-Provence)



J'ai cherché à savoir où étaient stockées les vidéos uploadées mais je n'ai pas trouvé. Apparemment, elles ne sont ni dans Google Video, ni dans Picasaweb (comme les images Blogger), ni dans YouTube. Mystère...

Traduire les pages de votre blog Blogger avec Yahoo Babel Fish

J'avais déjà écrit un article sur ce sujet en juillet 2006 pour l'ancienne version de Blogger, voici la procédure à suivre pour la nouvelle.

1. Allez sur la page http://fr.babelfish.yahoo.com/free_trans_service

2. Dans le carré "Traduire votre page", cliquez sur le bouton "Je veux cet outil"



3. Copiez le code qui vous ai donné dans le fenêtre telle que ci-dessous :



4. Dans Blogger, créez un widget de type HTML/Javascript dans la colonne de droite puis collez le code copié précédement.




5. C'est terminé... Vous devez avoir quelquechose comme ça en colonne de droite...

Basculement dans le nouveau Blogger

Je viens de basculer mon blog dans le nouveau Blogger et son système de widgets que je ne maîtrise pas bien pour le moment. Les personnes intéressées par Blogger pourront trouver ci-dessous quelques liens vers des articles qui m'ont aidé lors de cette migration. [ article destiné à être mis à jour progressivement ].

• Comment changer le titre par défaut des pages avec le nouveau Blogger (via widget-based). L'objectif est de ne pas avoir systématiquement le nom du blog en début du titre de la page. J'ai suivi les consignes de l'article ci-dessus pour mon blog et ça marche impeccablement.
  

Kubrickr

J'ai découvert, il y a quelques temps déjà, un super-outil pour créer des bannières pour le template Kubrick de Wordpress. Cet outil en ligne s'appelle Kubrickr, je l'ai utilisé pour créer les "Kubrick headers" qui suivent et que j'utiliserais prochainement sur mon blog Blogger.

Les trois photos sont de Fabz et sont sur le site de partage de photos Flickr.

La première représente une vue de Sisteron. Voir l'original.



La deuxième est la photo d'une porte ancienne à Riez. Voir l'original.



La toisième : une porte ancienne à Trigance.



La dernière : une prise par moi-même en août 2005 en haut des Orres (Hautes-Alpes).

Traduction des pages avec Yahoo! Babel Fish

Je viens de mettre en place dans ce blog (voir colonne de droite sous les menus de navigation) l'outil de traduction Yahoo Babel Fish. Pour traduire une page, il vous suffit de sélectionner la nouvelle langue dans la liste déroulante.

La traduction Babel Fish est disponible en français, anglais, allemand, espagnol, italien et portugais.

Pour les webmasters qui voudraient utiliser cet outil sur leur site, c'est très simple : il suffit d'aller sur http://fr.babelfish.yahoo.com/free_trans_service, de cliquer sur le bouton "Je veux cet outil" puis de copier/coller la ligne de code à mettre dans sa page.

Si vous voulez simplement traduire un morceau de texte, allez directement sur la page : http://fr.babelfish.yahoo.com/.

Sur cette page : (Cliquez sur les images pour les agrandir)

1. Tapez ou copier/coller le texte que vous voulez traduire dans la zone Traduire un texte
   
2. Choisissez dans la liste déroulante les langues source et cible.
3. Cliquez sur le bouton Traduire
   
   
   
   
   

Voir le résultat en cliquant sur l'image ci-contre.

Les langues sources et cibles disponibles sont :

Anglais vers français
Français vers anglais
Allemand vers français
Français vers allemand
Grec vers français
Français vers grec
Espagnol vers français
Français vers espagnol
Italien vers français
Français vers italien
Néerlandais vers français
Français vers néerlandais
Portugais vers français
Français vers portugais
Anglais vers allemand
Allemand vers anglais
Anglais vers espagnol
Espagnol vers anglais
Anglais vers grec
Grec vers anglais
Anglais vers italien
Italien vers anglais
Anglais vers néerlandais
Néerlandais vers anglais
Anglais vers portugais
Portugais vers anglais
Anglais vers russe
Russe vers anglais
Anglais vers chinois simplifié
Chinois simplifié vers anglais
Anglais vers chinois traditionnel
Chinois traditionnel vers anglais
Anglais vers coréen
Coréen vers anglais
Anglais vers japonais
Japonais vers anglais
Chinois simp. vers chinois trad.
Chinois trad. vers chinois simp.

En cas de problème, on peut aussi se "rabattre" sur les outils de traduction Google.

Voir aussi la mise en place de cet outil avec la nouvelle version de Blogger.