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.




2008/12/21

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 :



Ajouter ce gadget à Google


flash_dewplayer.xml




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


https://googledrive.com/host/0B4yfJJJSNrfubzNjVFhHVm94TGM/google-audio.swf


Pour l'utiliser sur son blog, un simple Gadget Google suffit. Comme paramètre du gadget, donner l'adresse du fichier MP3, et la couleur du container : 


<iframe
src="http://www.gmodules.com/ig/ifr?url=https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio.xml
&up_File=https://sites.google.com/site/annuairevin/files/carl_orff_carmina_o_fortuna.mp3&up_CCOL=%23f6f6f6
&up_FlashWidth=400&up_FlashHeight=27" style="width: 410px; height: 37px;"
allowTransparency="true" frameborder="0" scrolling="no">Google Audio Player</iframe>







google-audio_player.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 :



Ajouter ce gadget à Google


flash_video.xml





Une video en format *.flv.

Le lecteur Flash Dewtube permet de lire une video flash :




Ajouter ce gadget à Google

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.




Ajouter ce gadget à Google

flash_slideshow.xml








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


Enregistrer un commentaire


Rechercher sur le Blog de Prac avec Google CSE