Des gadgets pour son blog (1)

Quelques gadgets

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 :

flash_dewplayer.xml

---

MP3 Google Reader : un lecteur MP3 de Google (Flash), disponible à cette adresse :

http://mail.google.com/mail/html/audio.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://mail.google.com/mail/html/audio.swf?audioUrl=URL_of_MP3&autoPlay=true

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 :

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 :

flash_video.xml

---

Une video en format *.flv.

Le lecteur Flash Dewtube permet de lire une video flash :

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.

flash_slideshow.xml

---

Retrouvez d'autres Gadgets sur Viti-Vino...

---

Plus d'informations

Le mini lecteur Deezer sur son Blog

Les gadgets sur Google Sites

Un lecteur Video YouTube pour Blogger. Visonner des vidéos en Haute Qualité.

Créer son propre gadget

Placer des gadgets dans les éléments de la page

Insérer un gadget dans le corps du message

---

© Copyright photos : Regis Columbo, Clos Domaines et Châteaux et Philippe Chappuis

---