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.




2009/12/20

Google Web Elements



Important ! mise à jour d'août 2012. Google abandonne le service Google Web Elements. L'adresse http://www.google.com/webelements renvoie maintenant sur la home page de Google. Les éléments déjà installés continuent de fonctionner. Les codes fournis ci-dessous peuvent être intégrés. Pour certains, mettre le paramètre element=false au lieu de element=true, ce qui évite l'affichage du lien Google Web Elements.




Google Web Elements, se sont des objets intégrables de Google. Pour y accèder, connectez-vous sous votre compte Google, puis rendez vous à l'adresse Google Web Elements.

 

Sommaire



 

Un Diaporama (Presentations)

Google Documents permet d'enregistrer un diaporama. Celle-ci peut être affichée à l'aide de l'élément Présentation

Paramètres : L'adresse de la présentation et la taille désirée.

Exemple : Les vins du Valais en Chine




Le code à insérer dans le html du message ou dans un gadget HTML/Javascript : 


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:410px;height:342px;" src="http://docs.google.com/present/embed?id=0AYyfJJJSNrfuZGRiZzZid2dfMTI0aG52eG03Zno&element=false" scrolling="no" allowtransparency="true">Google Web Elements - Presentation</iframe>



Note : La Présentation est dans un format propre à Google Document. Pour afficher une présentation Power-Point originale, il est possible d'utiliser le lecteur de documents de Google Documents.


 
Une feuille de calcul (Spreadsheets)

Une feuille de calcul enregistrée sur Google Documents peut être affichée sur le Blog, à l'aide de l'élément Feuille de calcul (Spreadsheets).

Paramètres : L'adresse (URL) de la feuille de calcul, la taille et la plage de cellules à afficher.

Exemple : Encépagement en cépages rouge du Canton de Vaud (2008).




Le code à insérer dans le html du message ou dans un gadget HTML/Javascript : 


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:600px;height:500px;" src="http://spreadsheets.google.com/pub?output=html&widget=true&single=true&element=false&gid=0&key=0AoyfJJJSNrfudE5naDVYNWY4YkxQbTZ6WkJSR1NhYXc" scrolling="no" allowtransparency="true">Google Web Elements - Spreadsheets</iframe>




 
Un Moteur de Recherche Personnalisé (Custom Search)

L'élément Recherche Personnalisée offre une façon simple d'ajouter un formulaire de recherche sur son Blog. Trois options sont offertes, la recherche sur le Blog, la recherche sur le Blog en permettant l'affichage de publicités AdSense dans le résultat de la recherche, ou l'utilisation d'un moteur de recherche personnalisé (Custom Search Engine - CSE).

Paramètres : Le type de moteur de recherche et le style du formulaire.

Exemple : Le moteur de recherche des Liens du Vin.

La petite croix après le bouton de recherche permet d'effacer le résultat de la recherche.

Loading




Le code à insérer dans un gadget HTML / Javascript est un script. Pour le placer dans le html du message, utilisez le code suivant en remplacant le code de la recherche personnalisée. Saisir le code sans retour à la ligne !


<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl('partner-pub-5518142162212860:9e4v2y-mjl7').draw('cse'); }, true); </script><noscript>Google Web Elements - Custom Search</noscript>





 
Recherche d'Actualités (News)

L'élément Recherche d'actualité permet d'afficher les dernières informations sur un sujet donné.

Paramètres : Le format et l'expression à rechercher.

Exemple : Une recherche d'Actualités sur Google Blogger.



Le code à insérer dans le html du message ou dans un gadget HTML/Javascript :


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=large&format=300x250&q=Google%20Blogger&element=false" scrolling="no" allowtransparency="true">Google Web Elements - News</iframe>





 
Un lecteur de Flux (Reader)

Google Reader, le lecteur de flux de Google permet d'afficher les flux RSS que l on désire suivre. Google Reader permet aussi d'afficher un extrait de ses abonnements (Clip) sur son Blog. De nombreux Gadgets Google permettent aussi d'afficher un flux sur son Blog. L'élement Reader de Google Web Elements permet d'insérer un extrait des flux partagés sur son Blog.

Paramètres : Le titre de l'élément, le style et le nombre d'entrées à afficher.

Attention : Depuis la nouvelle version (2011 - 11) de Google Reader, il n'existe plus de tags partagés. Pour partager ses abonnements, il faut créer un thème (Bundles) et modifier le code fournit par l'élément Reader. En suivant les indications données par la page Partager ses abonnements de Google Reader, il est possible de publier ses flux.

Le code fournit par l'élément Reader : 


<div id="readershared"><div></div></div>
<script type="text/javascript">window.GRC_m=function(d){return new GRC(d,document.getElementById("readershared").firstChild);};</script>
<script type="text/javascript" src="http://www.google.com/reader/ui/publisher-en.js"></script>
<script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/05980836729406198703/state/com.google/broadcast?n=7&callback=GRC_p(%7Bc%3A%22khaki%22%2Ct%3A%22Liens%20partag%C3%A9s%22%2Cs%3A%22true%22%2Cn%3A%22true%22%2Cb%3A%22false%22%2Cw%3A%22false%22%7D)%3Bnew%20GRC_m&t=?"></script><noscript>Google Web Elements - Reader</noscript>



Après corrections, affichage du thème Tips pour Blogger : 


<div id="readershared"><div></div></div>
<script type="text/javascript">window.GRC_m=function(d){return new GRC(d,document.getElementById("readershared").firstChild);};</script>
<script type="text/javascript" src="http://www.google.com/reader/ui/publisher-fr.js"></script>
<script type="text/javascript" src="http://www.google.ch/reader/public/javascript/user/05980836729406198703/bundle/Tips?n=7&callback=GRC_p(%7Bc%3A%22khaki%22%2Ct%3A%22Tips pour Blogger%22%2Cs%3A%22true%22%2Cn%3A%22true%22%2Cb%3A%22false%22%2Cw%3A%22false%22%7D)%3Bnew%20GRC_m&t=?"></script><noscript>Google Web Elements - Reader</noscript>



Les articles du thème : 






 
Le Forum (Conversation)

L'élément Forum n'est plus maintenu par Google (avril 2012).




 
Un Agenda (Calendar)

L'élément Agenda permet d'insérer son planning sur le Blog. L'agenda doit bien entendu être déclaré comme partagé avant l'opération.

Paramètres : L'agenda à afficher, la taille et le mode d'affichage.

Exemple : Mon agenda en mode mensuel.




Le code à insérer dans le html du message ou dans un gadget HTML/Javascript :


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:300px;height:300px;" src="http://www.google.com/calendar/embed?showTitle=0&showTabs=0&showPrint=0&showCalendars=0&wkst=1&element=false&src=philippe.chappuis%40gmail.com" scrolling="no" allowtransparency="true">Google Web Elements - Calendar</iframe>






 
Une Carte (Maps)

Google Maps permet de créer sa propre carte. Placer une carte sur son Blog, demande plusieurs manipulations. L'élément carte permet de géolocaliser une adresse particulière très rapidement.

Paramètres : La taille, le type de vue, l'adresse à géolocaliser et le titre du marqueur.

Exemple : Le Château de Rolle.




Le code à insérer dans le html du message ou dans un gadget HTML/Javascript, en remplacant les paramètres de la carte.


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/mapselement/iframe.html?maptype=satellite&latlng=46.45882133672441%2C6.341278553009033&mlatlng=46.458666%2C6.341151&maddress1=Ch%C3%A2teau%20de%20Rolle&maddress2=Grand'Rue%2C%201180%20Rolle%2C%20Suisse&zoom=16&mtitle=Ch%C3%A2teau%20de%20Rolle" scrolling="no" allowtransparency="true">Google Web Elements - Maps</iframe>






 
Actualités sur YouTube (YouTube News)

Pour ajouter une Video de YouTube sur son Blog, il suffit d'insérer un tag html object ou d'utiliser un Gadget Google. L'élément YouTube News permet d'ajouter les dernières vidéos d'actualité.

Paramètres : Le fournisseur de News.

Exemples : Les dernières News d'Euronews.




Le code à insérer dans le html du message ou dans un gadget HTML/Javascript :


<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/videonews/iframe.html?channel=Euronews" scrolling="no" allowtransparency="true">Google Web Elements - YouTube News</iframe>






 
Partager sur Orkut (Orkut Share)

Orkut, le réseau social de Google, ne dispose pas d'outils permettant de créer un bouton Partager sur Orkut.
L'élément Orkut Share comble cette lacune. Il correspond à l'outil Promouvoir d'Orkut.

Paramètres : Le style du bouton, le titre de l'article, le résumé, la vignette à utiliser et l'URL de destination.

Exemple : La promotion de cet article.


Promouvoir sur Orkut... 



Le code à insérer dans un gadget HTML/Javascript est un script. Pour le placer dans le html du message, utilisez le code suivant, à saisir le code sans retour à la ligne !


<div id="orkut_share" style="width:100%;">Promouvoir sur Orkut... </div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('orkut.share', '1'); google.setOnLoadCallback(function(){ new google.orkut.share.Button({ style:google.orkut.share.Button.STYLE_MINI, title:unescape('Google%20Web%20ELements'), summary:unescape('How%20to%20add%20Google%20Web%20Elements%20on%20Your%20Site')}).draw('orkut_share'); }, true); </script><noscript>Google Web Elements - Orkut Share</noscript>



Exemple avec le bouton Orkut normal (Orkut Regular) :


Promouvoir sur Orkut...









 
La Traduction (Translate)

L'élément Traduction permet de traduire la page courante du Blog.

Paramètres : La langue de la page et le choix de l'affichage (pour tous les visiteurs ou seulement pour ceux dont la langue est différente de celle de la page).

Exemple : L'outil traduction pour cette page.






Le code à insérer dans un gadget HTML/Javascript est un script. Pour le placer dans le html du message, utilisez le code suivant, à saisir le code sans retour à la ligne !


<div id="google_translate_element" style="display:block"></div>
<script>function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: "fr"}, "google_translate_element");};</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><noscript>Google Web ELements - Translate</noscript>






2009/12/19

Blogger Play sur son Blog

Blogger Play sur son Blog

Lancé fin 2007, Blogger Play permet d'afficher un diaporama des nouvelles photos ajoutées sur Blogger, et ce, en temps réel.

Un Gadget Google permet d'afficher ce diaporama sur son Blog :


Malheureusement, depuis quelques semaines (décembre 2009), ce gadget ne fonctionne plus.

En utilisant la technique décrite sur le Blog d'Aide pour Blogger, il est possible de remplacer ce gadget par le code html d'un iframe.

Le code à insérer :


<iframe allowtransparency="true" scrolling="no" frameborder="0" style="width: 360px; height: 290px;"
src="http://www.gmodules.com/ig/ifr?url=http://www.blogger.com/gadgets/play.xml&up_speed=30">Afficher un diaporama des photos mises à jour sur Blogger avec Blogger Play : http://play.blogger.com</iframe>


le paramètre up_speed fixe la vitesse de défilement des images. Il peut prendre la valeur 30 (lente), 50 (moyenne) ou 80 (rapide).

Note : Blogger Play est supprimé (septembre 2010). Il est remplacé par Google Reader Play. Essayez Google Reader Play


Plus d'informations

Un diaporama pour Blogger

Un diaporama avec les Flux Media RSS (anglais)

2009/09/29

Sidewiki

Une nouveauté de Google à tester

en référence à : Google (afficher sur Google Sidewiki)

2009/09/27

Le lecteur de documents de Google Documents

Visionneuse de documents en ligne

Utiliser le lecteur multi-format de Google Documents pour afficher vos PDF, PPT et TIFF sur votre blog.

Depuis le 25 septembre 2009, Google Documents fournit un lecteur de documents. Celui-ci permet d'afficher des documents stockés en ligne, dans le format *.pdf (Portable Document Format), *.ppt (Microsoft PowerPoint) et *.tif (Tagged Image File Format).

Un formulaire en ligne permet de créer le code du iframe à incorporer dans le html du blog.

Fichiers *.pdf hébergés sur Google Documents (Google Docs)

Pour un document public, dont l'adresse est, par exemple : 


il faut utiliser le code suivant pour afficher le document dans un tag iframe : 


<iframe src="http://docs.google.com/uc?id=0B4yfJJJSNrfuZWM4OTc1ZGItM2RjNi00NDFmLWJlNTktNjE5NjRlYzA3Mzcy&hl=fr&embedded=true" width="600" height="780" style="border: none;"></iframe>



Trois exemples

Un document PDF : Vignoble du Mont d'Or






Source : Vignoble du Mont d'Or - www.montdor-wine.ch


Un document PPT : Vins du Valais





Source : Vins du Valais - Présentation - www.schenk-wine.cn


Un document TIF : Lauriers d'Or Terravin





Source : Lauriers d'Or Terravin - www.terravin.ch et www.schenk-wine.ch



Plus d'informations

Google Drive et Blogger - Améliorer son Blog

Afficher une feuille Excel sur son Blog - Google Viewer

Fichiers joints et Podcasting avec Blogger
Insérer un aperçu de Google Livres sur son Blog

2009/08/12

Modifier les modèles de Blogger

Blogger fournit plus d'une quinzaine de modèles (template) différents accessibles par Paramètres / Mise en Page / Sélectionner un nouveau modèle :


Blogger - modèles de Blog


Les dimensions proposées consistent en une colonne principale d'environ 410 pixels et une colonne de liens et gadgets d'environ 220 pixels.

Nous allons modifier le modèle du blog, pour augmenter ces dimensions d'environ 150 pixels pour la colonne principale et d'environ 50 pixels pour la colonne des gadgets.


Sauvegarder le modèle

Avant de modifier le modèle, en faire une copie par Paramètres / Mise en Page / Modifier le code HTML et un clic sur Télécharger le modèle dans son intégralité.



Sommaire



Le Modèle 565 - Douglas Bowman

Modèle 565 - Douglas Bowman


Les dimensions passent de 254 - 460 - 744 à 304 - 610 - 944.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections






Le Modèle 897 - Douglas Bowman

Modèle 897 - Douglas Bowman


Les dimensions passent de 254 - 460 - 744 à 304 - 610 - 944.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections






Le Modèle Denim - Darren Delaye

Modèle Denim - Darren Delaye


Les dimensions passent de 240 - 464 - 760 à 290 - 614 - 960.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections






Le Modèle Harbor - Douglas Bowman

Modèle Harbor - Douglas Bowman


Les dimensions passent de 180 - 650 - 890 à 228 - 802 - 1090.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections





Le Modèle Minima - Douglas Bowman

Modèle Minima - Douglas Bowman


Les dimensions passent de 220 - 410 - 660 / 700 à 270 - 560 - 860 / 900.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections







Le Modèle Minima Lefty - Douglas Bowman

Modèle Minima Lefty - Douglas Bowman

Les dimensions passent de 220 - 410 - 660 / 700 à 270 - 560 - 860 / 900.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections







Le modèle Rounders - Douglas Bowman

Modèle Rounders - Douglas Bowman


Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.

Les images de fond doivent être modifiées, quant à leur taille :


corners_cap_bot.gif
corners_cap_top.gif

corners_main_bot.gif
corners_main_top.gif

corners_prof_bot.gif
corners_prof_top.gif

corners_side_bot.gif
corners_side_top.gif

rails_main.gif



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections





Le modèle Rounders 2 - Douglas Bowman

Modèle Rounders 2 - Douglas Bowman


Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.

Les images de fond doivent être modifiées, quant à leur taille :


consulter la liste des images du modèle Rounders



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections






Le modèle Rounders 3 - Douglas Bowman

Modèle Rounders 3 - Douglas Bowman


Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.

Les images de fond doivent être modifiées, quant à leur taille :


consulter la liste des images du modèle Rounders



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections





Le modèle Rounders 4 - Douglas Bowman

Modèle Rounders 4 - Douglas Bowman


Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.

Les images de fond doivent être modifiées, quant à leur taille :


bg_hdr_bot.jpg

corners_cap_bot.gif
corners_cap_top.gif

corners_main_bot.gif
corners_main_top.gif

corners_prof_bot.gif
corners_prof_top.gif

corners_side_bot.gif
corners_side_top.gif

rails_main.gif
rails_side.gif



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections





Le modèle Scribe - Todd Dominey

Modèle Scribe - Todd Dominey


Les dimensions passent de 150 - 430 - 700 à 250 - 580 - 950.

Les images de fond doivent être modifiées, quant à leur taille :


bg_paper_bot.jpg
bg_paper_mid.jpg
bg_paper_top.jpg

divider.gif



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections





Le Modèle Son of Moto - Jeffrey Zeldman

Modèle Son of Moto - Jeffrey Zeldman


Les dimensions passent de 226 - 400 - 692 à 276 - 550 - 892.

Il n'y a pas d'images de fond à modifier.


Les corrections

Cliquer pour voir les corrections






Le modèle Thisaway - Dan Rubin

Modèle Thisaway - Dan Rubin


Les dimensions passent de 269 - 483 - 760 à 319 - 633 - 960.

Les images de fond doivent être modifiées, quant à leur taille :


bg_footer_top.gif
bg_header_bottom.gif

bg_main_wrapper.gif



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections






Le modèle Tic-tac - Dan Cederholm

Modèle Tic-tac - Dan Cederholm


Les dimensions passent de 259 - 460 - 763 à 309 - 580 - 939.

Les images de fond doivent être modifiées, quant à leur taille :


bottom_sash_left.gif
bottom_sill.gif

sidebar_bg.gif

tile_left.gif

top_div_left.gif
top_h1.gif



Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif

Elles sont disponibles en téléchargement sur les Liens du Vin.


Les corrections

Cliquer pour voir les corrections






Le modèle Washed Denim - Darren Delaye

Modèle Washed Denim - Darren Delaye

Les dimensions passent de 240 - 468 - 760 à 290 - 618 - 960.

Il n'y a pas d'images de fond à modifier.

Les corrections

Cliquer pour voir les corrections






Pour aller plus loin

Créez son propre modèle pour Blogger : Blogger in Draft propose le concepteur de Modèle

Le Site du Forum d'Aide Google

Le Forum d'aide de Blogger

Le Blog d'aide de Blogger

2009/06/21

Sonoriser ses images avec dewplayer

Le lecteur Flash Dewplayer permet d'insérer facilement un lecteur MP3 sur son Blog. La dernière version (1.9 - juillet 2008) permet de contrôler le lecteur à l'aide de commandes javascript.

La méthode de contrôle par javascript souffre d'une limitation : la page internet qui utilise le lecteur et le lecteur lui-même (dewplayer.swf) doivent être hébergés sur le même domaine Internet.

Il faut donc utiliser une autre technique pour contrôler dewplayer sur Blogger. Nous allons insérer le lecteur par une balise <object>, puis utiliser le modèle DOM (innerHTML) pour modifier dynamiquement le lecteur dewplayer.


La position du lecteur

Créons un bloc div qui recevra de façon dynamique le lecteur dewplayer :


<div id="my_dewplayer"></div>




Le code pour insérer le lecteur

Utilisons le code fourni par dewplayer, et créons une fonction Play ainsi qu'une fonction Stop (à saisir sans retour à la ligne) :


<script type="text/javascript">

function Play(s_son)
{
var s_html = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' width='1' height='1'
id='dewplayer' align='middle'><param name='allowScriptAccess' value='always' />
<param name='movie' value='URL lecteur dewplayer (dewplayer.swf)?mp3=" + s_son + "&autostart=1' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' />
<param name='wmode' value='transparent' />
<embed src='URL lecteur dewplayer (dewplayer.swf)?mp3=" + s_son + "&autostart=1' wmode='transparent' quality='high' bgcolor='#ffffff' width='1' height='1' name='dewplayer' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' ></embed></object>";

document.getElementById("my_dewplayer").innerHTML = s_html;
}

function Stop()
{
document.getElementById("my_dewplayer").innerHTML = "";
}

</script>
<noscript>Activer javascript pour utiliser le lecteur Flash dewplayer</noscript>


Pour rendre le lecteur invisible, les dimensions sont de 1 x 1 pixel. Le paramètre autostart=1 est utilisé. L'URL du fichier MP3 est passé en paramètre.


L'appel d'une fonction sur l'image

Il suffit d'inclure un attribut onclick qui appelle la fonction Play, avec comme argument le fichier MP3 à jouer :


<img src="URL image"
onclick="Play('URL fichier MP3');"
title="titre" alt="alt" style="cursor: pointer;" />



Pour arrêter, il faut appeler la fonction Stop :


<img src="URL image"
onclick="Stop();"
title="titre" alt="alt" style="cursor: pointer" />




Le Résultat

Un clic sur les 2 premières images appelle la fonction Play. Un clic sur la dernière image termine la diffusion du son.





Au passage de la souris sur un Lien


<a onmouseover="Play('URL du fichier MP3');" onmouseout="Stop();" href="URL du Lien" target="_blank" title="Sonoriser un Lien">Un Lien Sonorisé</a>



Un Lien Sonorisé



Plus d'informations

Un Gadget Blogger pour insérer une image sonore

Insérer une image sonore avec un Gadget Google

Jouer un fichier *.mp3 sur son Blog

Contrôler dewplayer avec javascript

Utiliser dewplayer avec Google Sites


Rechercher sur le Blog de Prac avec Google CSE