Blogger
Viti-Vino - Les outils Google pour Blogger

Les trucs et astuces pour Blogger. Pour personnaliser son Blog. Un complément de l'aide en ligne.




2011/04/30

Des lecteurs simples pour jouer un fichier mp3 sur son Blog

Des lecteurs simples pour jouer un fichier mp3 sur son Blog

En utilisant un Gadget Blogger, il devient très simple de jouer un son (*.mp3) sur son Blog.

Pour placer un lecteur mp3 (son) sur son Blog, il faut généralement insérer le code d'un lecteur Flash. Une fois le code inséré, il faut rechercher un hébergeur pour le fichier Flash (*.swf) et pour les fichiers *.mp3 à jouer.

Les Gadgets Blogger présentés ci-dessous intègrent le lecteur Flash. L'hébergement des fichiers *.mp3 est possible sur Google Sites, dans une page classeur.


Les Gadgets


Dewplayer - lecteur simpledewplayer-b.xml




Dewplayer - lecteur avec contrôle du volumedewplayer-vol-b.xml



  • Lecteur Dewplayer avec lecture de plusieurs fichiers son

Dewplayer - lecteur avec lecture de plusieurs fichiers sondewplayer-multi-b.xml



  • Lecteur Google audio de Gmail

Google audio player (Gmail)google-audio-b.xml



  • Lecteur Google audio de Google Reader

Google audio player (Google Reader)google-audio-step-b.xml




Ajouter le Gadget sur son Blog

Par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter (de la forme http://...) :

Lecteur Dewplayer

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-b.xml

Lecteur Dewplayer avec contrôle du volume

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-vol-b.xml

Lecteur Dewplayer avec lecture de plusieurs fichiers

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-multi-b.xml

Lecteur Google audio (Gmail)

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-b.xml

Lecteur Google audio (Google Reader)

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-step-b.xml




Les paramètres des Gadgets

  • Lecteur Dewplayer


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No
LOOP : lecture en boucle (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Dewplayer avec contrôle du volume


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No
LOOP : lecture en boucle (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Dewplayer avec lecture de plusieurs fichiers


MP3S : url des fichiers *.mp3 à jouer

Séparer les fichiers par le caractère Pipe |, à coder %7C

Exemple : son1.mp3%7Cson2.mp3

START : démarrage automatique (Yes ou No), par défaut No
LOOP : lecture en boucle (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Google audio (Gmail)


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent


  • Lecteur Google audio (Google Reader)


MP3 : url du fichier *.mp3 à jouer

START : démarrage automatique (Yes ou No), par défaut No

CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent




Les caractéristiques des gadgets

  • Le lecteur Flash est intégré dans chaque Gadget
  • Les fichiers *.mp3 peuvent être hébergés sur Google Sites, dans une page classeur


Des exemples

Un Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog). Les exemples ci-dessous sont réalisés à partir d'un Gadget Google. Celui-ci peut être inséré à l'aide d'un tag iframe dans le html du message.
















Plus d'informations

Un Gadget Google pour insérer un lecteur audio compatible HTML5

Un Gadget Google pour insérer un lecteur audio compatible HTML5 sur Google Site

Dewplayer, le site

Des Gadgets Google pour insérer le lecteur Dewplayer

Des Gadgets Google pour insérer le lecteur audio de Google

Un Gadget Blogger pour insérer une image sonore

Un Gadget Google pour insérer une image sonore

Fichiers joints et Podcasting avec Blogger

2011/04/01

Afficher son blog avec les vues dynamiques

Afficher son blog avec les vues dynamiques

Disponibles depuis le 30 mars 2011, les vues dynamiques permettent d'afficher son Blog dans 5 présentations différentes. Les mises à jour de fin septembre 2011 apportent 2 vues supplémentaires.

Disponibles depuis le 30 mars 2011, les vues dynamiques permettent d'afficher son Blog dans 5 présentations différentes. Les mises à jour de fin septembre 2011 apportent 2 vues supplémentaires.


La vue dynamique de son Blog


http://NOMDUBLOG.blogspot.com/view




Activer la vue dynamique

Paramètres / général. Activer les vues dynamiques : Oui

Selon l' Aide en ligne, le Flux du Blog doit être sur Complet.


La vue barre de défilement (sidebar)


Vue dynamique - sidebar



La vue planche d'images (flipcard)


vue dynamique - flipcard



La vue mosaïque (mosaic)


Vue dynamique - mosaic



La vue instantané (snapshot)


Vue dynamique - snapshot



La vue ruban temporel (timeslide)


Vue dynamique - timeslide



La vue magazine


Vue dynamique - magazine



La vue classique (classic)


Vue dynamique - classic



Plus d'informations

Les vues dynamiques pour le lecteur du Blog


Les Vues dynamiques - mise à jour de fin septembre 2011

Le Blog de Google France présente les dernières nouveautés des Vues Dynamiques

Les vues affichent les messages du Blog. Les gadgets disparaissent, mais les publicités AdSense figurent. Le format et la position des publicités ne sont pas modifiables

Il est possible d'afficher son Blog avec l'une des sept vues dynamiques disponibles. La méthode est décrite sur Mes Trucs pour Blogger. Il n'est ainsi plus nécessaire d'ajouter /view à l'URL du Blog pour obtenir l'affichage dynamique

Les vues dynamiques sont supportées à partir d'Internet Explorer 8, Chrome 10 et Firefox 3.6


Les Vues Dynamiques de ce Blog

Diaporama réalisé avec le Gadget Google : Diaporama.


Rechercher sur le Blog de Prac avec Google CSE