Un Gadget Google est une page xml dont le code exécutable est hébergé par Google. Ce code reçoit les paramètres du gadget définis par l'utilisateur.
Blogger permet d'ajouter très simplement un gadget dans les éléments de la page (Paramètres / Mise en page / Eléments de la page / Ajouter un gadget).
Blogger propose une vingtaine de gadgets (liste de blog, diaporama, archives, conteneur pour javascript, etc...). Il est possible d'ajouter son propre gadget en utilisant le lien Ajouter votre propre (...gadget). Il suffit d'indiquer l'adresse URL du gadget.
Pour ajouter un gadget dans le corps du message, il faut insérer un tag iframe dans le code HTML du message. Le Blog d'aide pour Blogger donne toutes les indications nécessaires pour définir la source du iframe à partir de l'adresse du gadget.
Fichiers audio - Lecteur MP3
Le lecteur flash Dewplayer, un lecteur MP3 pour le Web :
http://philippe.chappuis.googlepages.com/flash_dewplayer.xml
MP3 Google Reader : un lecteur MP3 de Google (Flash), disponible à cette adresse :
http://www.google.com/reader/ui/3247397568-audio-player.swf
Pour l'utiliser sur son blog, un simple lecteur Flash suffit. Comme paramètre du gadget, donner l'adresse du lecteur suivie de l'adresse du fichier MP3. Ajouter autoPlay=true pour démarrer la lecture automatiquement :
http://www.google.com/reader/ui/3247397568-audio-player.swf?URL_of_MP3&autoPlay=true
http://philippe.chappuis.googlepages.com/flash_container.xml
ODEO : Un lecteur Flash.
Le gadget offre le choix entre 2 présentations (skin). Indiquer l'URL du fichier MP3 comme paramètre :
http://philippe.chappuis.googlepages.com/odeo-flash-player.xml
La video
En utilisant un lecteur flash, on peut incorporer une video sans utiliser les balises <object> et <embed>.
Un exemple avec Reuters, qui donne comme code :
<object type="application/x-shockwave-flash" data="http://static.reuters.com/resources/flash/include_video.swf?edition=US&videoId=94837" width="422" height="346"><param name="wmode" value="transparent" /><param name="movie" value="http://www.reuters.com/resources/flash/include_video.swf?edition=US&videoId=94837" /><embed src="http://www.reuters.com/resources/flash/include_video.swf?edition=US&videoId=94837" type="application/x-shockwave-flash" wmode="transparent" width="422" height="346"></embed></object>
L'attribut data , utilisé comme paramètre File du gadget suffit pour visionner la video :
http://philippe.chappuis.googlepages.com/flash_video.xml
Une video en format *.flv.
Le lecteur Flash Dewtube permet de lire une video flash :
http://philippe.chappuis.googlepages.com/flash_slideshow.xml
Le même gadget peut être utilisé pour intégrer une Playlist de YouTube :
YouTube donne un code à insérer :
<object width='425' height='366'>
<param name='movie'
value='http://www.youtube.com/cp/nnnn...nnn='></param>
<param name='wmode' value='transparent'></params>
<embed src='http://www.youtube.com/cp/vnnnn...nnnn='
type='application/x-shockwave-flash' wmode='transparent' width='425' height='366'>
</embed>
</object>
L'attribut src donne la valeur du paramètre File du gadget.
http://philippe.chappuis.googlepages.com/flash_slideshow.xml
Retrouvez d'autres Gadgets sur Viti-Vino...
Plus d'informations
Les gadgets sur Google Sites
Créer son propre gadget
Placer des gadgets dans les éléments de la page
Insérer un gadget dans le corps du message
Jeu de briques
Snake
Pacman
Bubble