Subscribe: Viti-Vino. Le Blog de Prac - Les Outils Google
http://viti-vino.blogspot.com/atom.xml
Added By: Feedage Forager Feedage Grade A rated
Language: French
Tags:
avec  blog  blogger  dans  des  gadget blogger  gadget  google  les  liens vin  par  pinterest  pour  son  sur  une 
Rate this Feed
Rate this feedRate this feedRate this feedRate this feedRate this feed
Rate this feed 1 starRate this feed 2 starRate this feed 3 starRate this feed 4 starRate this feed 5 star

Comments (0)

Feed Details and Statistics Feed Statistics
Preview: Viti-Vino. Le Blog de Prac - Les Outils Google

Viti-Vino. Le Blog de Prac - Les Outils Google



Viti-Vino. Le Blog de Prac - Les Outils Google. Pour personnaliser son blog. Un complément de l'aide en ligne. Les trucs et astuces pour Blogger. Les exemples du Forum d'Aide pour Blogger.



Updated: 2017-09-17T00:36:29.253+02:00

 



5 secondes pour ajouter un diaporama de Flickr sur son Blog

2014-09-25T20:33:26.943+02:00

5 secondes pour ajouter un diaporama Flickr à son Blog

(image)
5 secondes pour ajouter un diaporama de Flickr

Pour ajouter un diaporama de Flickr, il faut utiliser un tag iframe à placer dans le html du message ou dans un Gadget html / Javascript.

Créer le code HTML

1. Ouvrir l'album Flickr. Recopier l'URL. Par exemple : 


https://www.flickr.com/photos/prac53/sets/72157609076361497

prac53 est le nom de l'utilisateur
72157609076361497 est l'identifiant de l'album



2. Ajouter /player à l'adresse de l'album. Notez que l'adresse doit être de la forme https://


https://www.flickr.com/photos/prac53/sets/72157609076361497/player



3. Le code du iframe


style="width: 400px; height: 400px;" scrolling="no" align="middle" frameborder="0" src="https://www.flickr.com/photos/prac53/sets/72157609076361497/player">



Le résultat

style="width: 480px; height: 480px;" scrolling="no" align="middle" frameborder="0" src="https://www.flickr.com/photos/prac53/sets/72157609076361497/player">5 secondes pour ajouter un diaporama Flickr sur son Blog


Limitations

Flickr ne publie plus, depuis la fin de 2013, de Flux RSS d'un album. Les diaporamas créés à partir d'un Flux RSS offrent plus de possibilités de configuration que le diaporama présenté ici.

Mentions légales

© photos : www.diapo.ch, Philippe Krauer et www.c-d-c.ch.
(image)



Des Gadgets Blogger pour vos photos de Google+

2014-09-25T21:51:22.929+02:00

Des Gadgets Blogger pour afficher les photos de vos Albums Google+ Les Albums de Picasa Albums Web sont affichés sur Google+. Depuis mars 2013, Google redirige l'adresse picasaweb.google.com vers plus.google.com/photos. Il est possible d'empêcher la redirection de Picasa vers Google+. Les Gadgets Blogger utilisent le Flux Media RSS de l'Album Picasa affiché dans Google+. Les Gadget acceptent l'URL de l'album de Google+ comme paramètre d'entrée. Trouver l'URL d'un Album Google+ Ouvrir l'Album Google+, et copier l'adresse. Par exemple :  https://plus.google.com/photos/115854656993758258488/albums/5661135291897071089115854656993758258488 est l'identifiant Google+ de l'utilisateur.5661135291897071089 est l'identifiant de l'Album Google+. Les vignettes (Thumbnails) d'un Album de Google+ Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget (sous la forme http://...) :  http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/thumbnails-google-plus-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Paramètres du GadgetGadget Blogger - Les Vignettes (Thumbnails) d'un Album de Google+ https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/thumbnails-google-plus-b.xmlAID : l'adresse (URL) de l'Album Google+. NBC : Le nombre de vignettes à afficher (de 1 à 200)SIZE : La largeur des vignettes (de 32 à 160px)HSIZE : La hauteur des vignettes (de 32 à 160px). Facultatif. CROP : Recadrage (Cropped), Yes ou No. Défaut No (non).Yes (oui), l image originale est recadrée dans un carré de taille SIZE.No (non), l'image originale est placée dans un rectangle de largeur SIZE.SHA : Vignettes avec ombre portée (Yes - No)CLP : Ouvrir l'image sur un click (Yes - No), par défaut YesURL : L'URL du lien sur le titreTITLE : Le titre du lienLCOL : #rrggbb la couleur du lienBCOL : #rrggbb la couleur de la bordureBKCOL : #rrggbb la couleur du fondCCOL : #rrggbb la couleur du conteneur Le Gadget Google dans le html d'un messageLe Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge. width="492" height="342" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/thumbnails-google-plus.xml&up_AID=https://plus.google.com/photos/115854656993758258488/albums/5804812316416858033&up_NBC=12&up_SIZE=120&up_HSIZE=&up_CROP=&up_CLP=&up_SHA=Y&up_URL=http://www.liens-du-vin.ch/vienne-octobre-2012.htm&up_TITLE=Souvenirs de Vienne&up_LCOL=%23cc0000&up_BCOL=%23de7008&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6">Gadget Google - Vignettes de Google+ - http://www.liens-du-vin.ch/thumbnails-google-plus.htm Le résultatLes vignettes de l'Album Google+ Souvenirs de Vienne. width="492" height="640" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/thumbnails-google-plus.xml&up_AID=https://plus.google.com/photos/115854656993758258488/albums/5804812316416858033&up_NBC=20&up_SIZE=120&up_HSIZE=90&up_CROP=Yes&up_SHA=Y&up_URL=http://www.liens-du-vin.ch/vienne-octobre-2012.htm&up_TITLE=Souvenirs de Vienne&up_LCOL=%23cc0000&up_BCOL=%23de7008&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6">Gadget Google - Les vignettes d'un Album de Google+ - http://www.liens-du-vin.ch/thumbnails-google-plus.htm Un diaporama (Slideshow) d'un Album de Google+ Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget (de la forme http://...) [...]



Les derniers Pins d'un compte Pinterest avec vignette

2014-10-13T20:23:05.740+02:00

Un Gadget Blogger pour afficher les derniers Pins d'un compte Pinterest, avec vignette En utilisant un Flux RSS de Pinterest créé par Yahoo Pipes, le Gadget Blogger affiche une vignette, le titre et la description d'un Pins d'un compte Pinterest. Affiche jusqu'à 25 Pins.Le flux RSS d'un compte Pinterest, créé par Yahoo Pipes comprend pour chaque Pins, un titre, une vignette et une description. Identifier un compte PinterestOuvrir son compte Pinterest, et copier l'adresse. Par exemple :  http://pinterest.com/prac53/prac53 est le nom du compte.Ajouter ce Gadget à Blogger Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget (sous la forme http://...) :  http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/last-pins-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Paramètres du GadgetGadget Blogger, Derniers Pins de Pinterest avec vignette https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/last-pins-b.xmlNAME : Le nom du compte PinterestNBP : Nombre de Pins à afficher (1 - 25)LEN : Longeur maximum de la description (1 - 300)LCOL : #rrggbb, couleur des liensBTCOL : #rrggbb, couleur de la bordure des vignettesBCOL : #rrggbb, couleur de la bordure du gadgetBKCOL : #rrggbb, couleur du fond du gadgetCCOL : #rrggbb, couleur du conteneurLe Gadget Google dans le html d'un messageLe Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge. style="width: 400px; height: 680px;" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/last_pins.xml&up_NAME=prac53&up_NBP=5&up_LEN=220&up_LCOL=%23cc0000&up_BTCOL=%23de7008&up_BCOL=%23de7008&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6"> Le résultatLes 5 derniers Pins de mon compte Pinterest. frameborder="0" style="width: 400px; height: 660px;" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/last-pins.xml&up_NAME=prac53&up_NBP=5&up_LEN=220&up_LCOL=%23cc0000&up_BTCOL=%23de7008&up_BCOL=%23de7008&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6">Gadget Google - Les derniers Pins d'un compte Pinterest avec vignette - http://www.liens-du-vin.ch/last-pins-pinterest.htm Versions et mentions légalesGadgets fournis par Google. Le Flux RSS utilisé par ce Gadget est généré par un Yahoo Pipes. Mes remerciements aux auteurs, voyelle.fr. Plus d'informationsLes Gadget Pinterest Profile Widget et Board Widget réunis dans un Gadget BloggerLes vignettes de Pinterest avec un Gadget Blogger personnaliséLes derniers Pins de Pinterest avec vignette en utilisant un Gadget GoogleUn diaporama des derniers Pins de Pinterest Vidéo : intérêt et fonctionnement des Flux RSS Suivre les Pins de son site sur PinterestLes derniers Pins de Pinterest avec vignette sur sa page Google SitesDes Gadgets pour son Site ou son Blog    Les Liens du Vin  [...]



Les derniers Pins de Pinterest sur son Blog

2013-04-04T21:54:55.956+02:00

Un Gadget Blogger pour afficher les derniers Pins d'un compte ou d'un tableau de Pinterest Les deux widgets de Pinterest (Profile Widget et Board Widget) réunis dans un seul Gadget Blogger. Affiche les derniers Pins sur son BlogLors du lancement des outils pour les entreprises (novembre 2012), Pinterest propose deux nouveaux Widgets Profile Widget et Board Widget. C'est la version Pinterest du gadget des vignettes de Pinterest, en version Gadget Blogger ou en version Gadget Google. La version personnalisée de ces Gadgets autorise davantage d'options (couleurs, action sur clic, liens, nombre de vignettes) que la version officielle. Identifier un tableau (Board) de PinterestOuvrir un tableau (board) de Pinterest, et copier l'adresse. Par exemple : http://pinterest.com/prac53/geek/prac53 est le nom du compte.geek est le nom du tableau.Ajouter ce Gadget à BloggerAjouter ce Gadget avec le bouton Add to Blogger :  Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget :  http://prac-gadget.googlecode.com/files/pinterest-widget-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Paramètres du GadgetGadget Blogger, Derniers Pins de Pinterest http://prac-gadget.googlecode.com/files/pinterest-widget-b.xmlUSER : Le nom du compte PinterestBOARD : Le nom du tableau Pinterest. Facultatif, s'il ne figure pas, le Gadget affiche les derniers Pins du compteTWI : La largeur d'une vignette (60 - 240), en pixelsTHE : La hauteur maximum d'une vignette (60 - 1200), en pixelsNBC : Nombre de vignettes à afficher par ligne(1 - 6)CCOL : #rrggbb, couleur du conteneurLe Gadget Google dans le html d'un messageLe Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge. width="560" height="680" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-widget.xml&up_USER=prac53&up_BOARD=geek&up_TWI=120&up_THE=480&up_NBC=1&up_CCOL=%23f6f6f6"> Le résultatLes derniers Pins de mon compte Pinterest. frameborder="0" height="680" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-widget.xml&up_USER=prac53&up_BOARD=&up_TWI=120&up_THE=480&up_NBC=2&up_CCOL=%23f6f6f6" width="560">Gadget Google - Les derniers Pins d'un compte Pinterest - http://www.liens-du-vin.ch/pinterest-profile-board-widget.htm Les derniers Pins du tableau de +Tomate Joyeuse, Tout Pinterest en Français. frameborder="0" height="680" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-widget.xml&up_USER=tomatejoyeuse&up_BOARD=tout-pinterest-en-francais&up_TWI=120&up_THE=480&up_NBC=2&up_CCOL=%23f6f6f6" width="560">Gadget Google - Les derniers Pins d'un compte Pinterest - http://www.liens-du-vin.ch/pinterest-profile-board-widget.htm Les derniers Pins du Blog de Soraya. frameborder="0" height="680" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-widget.xml&up_USER=sorayal&up_BOARD=les-developpements-blogger-code&up_TWI=120&up_THE=480&up_NBC=2&up_CCOL=%23f6f6f6" width="560">Gadget Google - Les derniers Pins d'un compte Pinterest - http://www.liens-du-vin.ch/pinterest-profile-board-widget.htm Versions et mentions légalesGadgets fournis par Google.Plus d'informationsLes vignettes de Pinterest avec un Gadget Blogger personnaliséLes derniers Pins de Pinterest avec un Gadget GoogleUn diaporama des dernier[...]



Timeline de Twitter

2013-02-07T22:39:50.619+01:00

Afficher une Timeline de Twitter sur son Blog Twitter demande de 1 à 5 Domaines Internet qui peuvent afficher la Timeline. Pour blogspot.com il vaut mieux utiliser un tag iframe pour insérer une page html hébergée sur un Domaine privé La Timeline de Twitter est définie sur Twitter et n'est valable que pour 1 à 5 Domaines Internet. A moins d'éliminer la redirection de Blogger, il n'est pas possible de définir blogspot.com comme Domaine Internet qui héberge la Timeline. J ai donc utilisé mon Domaine, Les Liens du Vin pour héberger ma Timeline. Pour l'insérer sur mon Blog, il suffit de placer la page html dans un tag iframe. style="width: 400px; height: 590px;" src="http://www.liens-du-vin.ch/_files/timeline-twitter-fr.htm" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Timeline twitter - http://www.liens-du-vin.ch/_files/timeline-twitter-fr.htm Mise à jour : hébergement sur Google Drive Depuis février 2013, Google Drive autorise l'hébergement de fichier html, devenant ainsi, de facto, un hébergeur Internet gratuit. Pour utiliser cette nouvelle fonctionnalité, il faut renseigner la rubrique Domaines du gadget Timeline et mettre : googledrive.com comme nom de domaine. Sur Google Drive, j'ai placé dans un répertoire en accès public, un fichier html contenant la Timeline. style="width: 500px; height: 260px;" src="https://googledrive.com/host/0B4yfJJJSNrfuTW85OGxyaHdvYXM/tweet-298936001584328704.htm" allowTransparency="true" frameborder="0" scrolling="no"> Plus d'informations Le guide de Twitter pour insérer une Timeline Insérer un Badge de Twitter sur Google Sites    Les Liens du Vin  [...]



Les vignettes d'un compte ou d'un tableau Pinterest

2013-04-04T21:55:15.244+02:00

Un Gadget Blogger pour afficher les vignettes d'un compte ou d'un tableau Pinterest Les vignettes (hauteur 90 pixels) d'un compte ou d'un tableau de Pinterest. Le Gadget Blogger pour ajouter les Pins de Pinterest sur son Blog Le Gadget Blogger proposé permet d'afficher les vignettes des Pins d'un compte ou d'un tableau de Pinterest. Il permet de réaliser une planche-contact de ses photos placées sur Pinterest. Identifier un tableau (Board) de Pinterest Ouvrir un tableau (board) de Pinterest, et copier l'adresse. Par exemple : http://pinterest.com/prac53/geek/ prac53 est le nom du compte.geek est le nom du tableau. Ajouter ce Gadget à Blogger Ajouter ce Gadget avec le bouton Add to Blogger :  Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget :  http://prac-gadget.googlecode.com/files/pinterest-thumbnails-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Paramètres du Gadget Gadget Blogger, Vignettes Pinterest http://prac-gadget.googlecode.com/files/pinterest-thumbnails-b.xml USER : Le nom du compte PinterestBOARD : Le nom du tableau Pinterest. Facultatif, s'il ne figure pas, le Gadget affiche les vignettes du compte NBC : Nombre de vignettes à afficher (1 - 25)SHA: Vignettes avec ombre portée (Yes ou No)CLP : Clic sur image, pour accès à l'image originale sur Pinterest (Yes ou No)URL : Lien sur le titre TIT : Titre du Gadget LCOL : #rrggbb, couleur du lien BCOL : #rrggbb, couleur de la bordure BKCOL : #rrggbb, couleur du fond des vignettes CCOL : #rrggbb, couleur du conteneur Le Gadget Google dans le html d'un message Le Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge. width="500" height="880" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-thumbnails.xml&up_USER=prac53&up_BOARD=geek&up_NBC=12&up_SHA=Yes&up_CLP=Yes&up_URL=http://pinterest.com/prac53/geek/&up_TIT=Pinterest - Geek&up_LCOL=%23cc0000&up_BCOL=%23de7109&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6"> Le résultat Les 12 dernières vignettes de mon tableau Geek, affichage avec ombre portée. width="600" height="480" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-thumbnails.xml&up_USER=prac53&up_BOARD=geek&up_NBC=12&up_SHA=Yes&up_CLP=Yes&up_URL=http://pinterest.com/prac53/geek/&up_TIT=Pinterest - Geek&up_LCOL=%23cc0000&up_BCOL=%23de7109&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6">Gadget Google - Les vignettes d'un compte Pinterest ou d'un tableau Pinterest - http://www.liens-du-vin.ch/gadget-pinterest-thumbnails.htm Les 9 dernières vignettes du tableau de Tomate Joyeuse, Tout Pinterest en Français, affichage avec ombre portée. width="600" height="380" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-thumbnails.xml&up_USER=tomatejoyeuse&up_BOARD=tout-pinterest-en-francais&up_NBC=9&up_SHA=Yes&up_CLP=Yes&up_URL=http://pinterest.com/tomatejoyeuse/tout-pinterest-en-francais/&up_TIT=Pinterest - Tout Pinterest en Français&up_LCOL=%23cc0000&up_BCOL=%23de7109&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6">Gadget Google - Les vignettes d'un compte Pinterest ou d'un tableau Pinterest - http://www.liens-du-vin.ch/gadget-pinterest-thumbnails.htm Les 9 dernières vignettes du tableau des développements de Blogger Code du Blog de Soraya. Vignettes sans ombre portée. width="600" height="320" frameborder="0" scrol[...]



Les derniers messages d'un Blog, avec vignettes

2013-04-04T21:55:39.194+02:00

Un Gadget Blogger pour afficher les derniers messages d'un Blog Un Gadget pour afficher les derniers messages d'un Blog de Blogger. Affiche un titre, un sommaire et une vignette pour chaque message. Le Gadget Blogger affiche un titre, le sommaire et une vignette pour chaque message du Blog. Le Blog doit être public et le flux des messages du Blog doit être sur Partiel ou Complet Ajouter ce Gadget avec le bouton Add to Blogger :  Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget :  http://prac-gadget.googlecode.com/files/last-posts-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Paramètres du Gadget Gadget Blogger - Derniers messages d'un Blog http://prac-gadget.googlecode.com/files/last-posts-b.xml BID : L'identifiant du Blog Pour obtenir l'identifiant du Blog, afficher la source du Blog et rechercher l'instruction :  30801821 est l'identifiant du Blog. NBP : Nombre de messages à afficher (1 - 20)LEN : Longueur du texte à afficher (1 à 300)LCOL : #rrggbb, couleur du lien BTCOL : #rrggbb, couleur de la bordure des vignettes BCOL : #rrggbb, couleur de la bordure du gadget BKCOL : #rrggbb, couleur du fond des vignettes CCOL : #rrggbb, couleur du conteneur Le Gadget Google dans le html d'un message Le Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge. width="580" height="800" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/last-posts.xml&up_BID=30801821&up_NBP=7&up_LEN=210&up_LCOL=%23cc0000&up_BTCOL=%2322427c&up_BCOL=%23cc0000&up_BKCOL=%23c3d9ff&up_CCOL=%23d1dae3"> Des exemples Les 7 derniers messages du Blog de Prac. style="width: 520px; height: 880px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/last-posts.xml&up_BID=30801821&up_NBP=7&up_LEN=280&up_LCOL=%23de7109&up_BTCOL=%23de7109&up_BCOL=%23de7109&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Les derniers messages d'un blog de Blogger, avec vignettes - http://www.liens-du-vin.ch/last-posts-blogger.htm Les 7 derniers messages de Blogger-Code, le Blog de Soraya. style="width: 520px; height: 880px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/last-posts.xml&up_BID=2975667803971531203&up_NBP=7&up_LEN=180&up_LCOL=%23de7109&up_BTCOL=%23de7109&up_BCOL=%23de7109&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Les derniers messages d'un blog de Blogger, avec vignettes - http://www.liens-du-vin.ch/last-posts-blogger.htm Plus d'informations Les derniers messages d'un Blog avec un Gadget Google Un Gadget Blogger pour afficher un diaporama des derniers messages d'un Blog Un Gadget Blogger pour afficher les derniers commentaires d'un Blog Partager ses abonnements de Google Reader Les derniers Pins d'un compte Pinterest, avec vignetteDes Gadgets pour son Site ou son Blog    Les Liens du Vin  [...]



Recadrer automatiquement les images du Blog

2012-09-29T21:20:14.470+02:00

Recadrer automatiquement les images du Blog (crop) Utiliser l'URL d'une image de Picasa Albums Web pour recadrer automatiquement une imageLes photos mises en ligne sur Blogger sont stockées dans Picasa Albums Web. Chaque blog contenant des photos dispose d'un album Web Picasa correspondant (portant le même nom) pour ces photos. Une petite icône orange Blogger figure sur la couverture de cet album. Nous allons voir comment utiliser l'URL fournie par Picasa Albums Web pour recadrer automatiquement une photo. L'adresse URL d'une photo s'obtient en ouvrant la photo dans Picasa Albums Web, puis en recopiant le lien donné dans la colonne de droite (lien vers cette photo). C'est une adresse de ce type :  https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s800/navette-atlantis.jpg Le répertoire sxx, ici s800 est la taille de la plus grande dimension de l'image. Blogger fournit automatiquement une taille en fonction de l'espace disponible sur le blog et du choix indiqué lors de l'insertion de l'image (petit, moyen ou grand). Taille d'image sans déformation La valeur du répertoire sxx peut varier de 0 à 1600 pixels. s0 donne l'image originale. Affichons notre image en 72 pixels de large (vignette - thumbnail) puis en 220 pixels de large. Vignette de 72 pixelshttps://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s72/navette-atlantis.jpg Image de 220 pixels https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s220/navette-atlantis.jpg Paramètre -d En ajoutant -d, l'URL ainsi créée permet le téléchargement de l'image, avec les informations Exif. Adresse pour le téléchargement de l'image originale https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s0-d/navette-atlantis.jpg Télécharger l'image originale Paramètre -h En ajoutant -h, l'URL ainsi créée est celle d'une page web. Blogger ajoute un script qui interdit l'insertion de cette page dans un cadre iframe. Adresse d'une page web avec une image de 720 pixels de large https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s720-h/navette-atlantis.jpg Afficher une page web, avec une image de 720 pixels Paramètre -c Le paramètre -c permet d'obtenir une image recadrée (croppée - to crop, recadrer). L'image est un carré centré sur l'image originale. Les proportions sont conservées. Carré de 144 pixels de côtés https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s144-c/navette-atlantis.jpg Image carrée de 220 pixels de côtés https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s220-c/navette-atlantis.jpg Combiner les paramètres -c et -h Les paramètres -c et -h peuvent être utilisés simultanément. Carré de 320 pixels de côtés, affiché dans une page web https://lh3.googleusercontent.com/-zfAfn0QqYe8/UGSsm9vrToI/AAAAAAAAGTk/PP8J0od7Dfc/s320-c-h/navette-atlantis.jpg Afficher une page web, avec un carré de 320 pixels Plus d'informations Picasa Albums Web Un Gadget Blogger pour afficher les vignettes d'un Album Picasa Un Gadget Blogger pour afficher un diaporama d'un Album Picasa Un Gadget Google pour insérer une photo avec un cadre semi-transparent    Les Liens du Vin  [...]



Un badge Google+ sur son Blog

2012-12-23T17:43:16.150+01:00

Un badge Google+ sur son Blog Afficher le badge Google+ de son profil sur son blogPour chaque profil Google+, il est possible de créer un badge, fourni par Google Sites. Ce badge peut être placé sur son Blog avec un tag iframe. L'identifiant du Profil Google+Dans Google+ ouvrir le Profil. L'adresse de la page est de cette forme :  https://plus.google.com/115854656993758258488/posts 115854656993758258488 est l'identifiant du profil Google+ Le code à placer dans le HTML du Blog (un message ou un gadget html/javascript)
style="width: 325px; height: 124px;" src="https://sites.google.com/c/widgets/ProfileCard?uid=115854656993758258488" allowTransparency="true" frameborder="0" scrolling="no">
Des exemples Mon profil sur Google+, +Philippe Chappuis :  allowtransparency="true" frameborder="0" scrolling="no" src="https://sites.google.com/c/widgets/ProfileCard?uid=115854656993758258488" style="height: 124px; width: 325px;">Le badge Google+ de +Larry Page :  allowtransparency="true" frameborder="0" scrolling="no" src="https://sites.google.com/c/widgets/ProfileCard?uid=106189723444098348646" style="height: 124px; width: 325px;">Le badge Google+ de +Soraya Lambrechts, l'auteur de Blog Connexion :  allowtransparency="true" frameborder="0" scrolling="no" src="https://sites.google.com/c/widgets/ProfileCard?uid=114671227071069817799" style="height: 124px; width: 325px;">Plus d'informations Les vignettes des profils et pages Google+ (GooglePlus) sur Blogger. Les explications de +Soraya LambrechtsDes Gadgets Blogger pour Google+Des Gadgets Google pour Google+Des Gadgets pour son Site ou son Blog    Les Liens du Vin  [...]



Les vignettes d'un album d'une Page Facebook

2013-04-04T21:56:10.264+02:00

Un Gadget Blogger pour afficher les vignettes d'un album d'une page de Facebook Les vignettes (130 x 86) d'un album public d'une Page de Facebook peuvent être ajoutée sur son Blog avec un Gadget Blogger Si une Page de Facebook contient un ou plusieurs albums, les vignettes de ces albums peuvent être affichées sur son Blog. L'identifiant de l'Album Pour obtenir l'identifiant, ouvrir l'album Facebook, et copier l'adresse. Par exemple : https://www.facebook.com/media/set/?set=a.229240080442617.65799.190160991017193&type=3 229240080442617 est l'identifiant de l'Album. Important : Le Gadget ne peut être utilisé que pour un Album public, d'une Page Facebook. Ajouter ce Gadget à Blogger Ajouter ce Gadget avec le bouton Add to Blogger :  Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget :  http://prac-gadget.googlecode.com/files/facebook-thumbnails-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Paramètres du Gadget Gadget Blogger, Vignettes Facebook http://prac-gadget.googlecode.com/files/facebook-thumbnails-b.xml ID : Identifiant de l'Album Facebook NBC : Nombre de vignettes à afficher (1 - 200)SHA: Vignettes avec ombre portée (Yes ou No)CLP : Clic sur image, pour accès à l'image originale sur Facebook (Yes ou No)URL : Lien sur le titre de l'Album TIT : Titre de l'Album LCOL : #rrggbb, couleur du lien BCOL : #rrggbb, couleur de la bordure BKCOL : #rrggbb, couleur du fond des vignettes CCOL : #rrggbb, couleur du conteneur Le Gadget Google dans le html d'un message Le Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge. width="500" height="880" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/facebook-thumbnails.xml&up_ID=229240080442617&up_NBC=29&up_SHA=Yes&up_CLP=Yes&up_URL=http://www.montdor.ch&up_TIT=Domaine du Mont d'Or&up_LCOL=%23cc0000&up_BCOL=%23cc0000&up_BKCOL=%23c3d9ff&up_CCOL=%23d1dae3"> Le résultat Les vignettes de l'album l'été au Domaine du Mont d'Or. Vignettes avec ombre portées. width="600" height="780" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/facebook-thumbnails.xml&up_ID=229240080442617&up_NBC=60&up_SHA=Yes&up_URL=http://www.montdor.ch&up_TIT=Domaine du Mont d'Or&up_LCOL=%23cc0000&up_BCOL=%23de7109&up_BKCOL=%23f2e9ca&up_CCOL=%23f6f6f6">Gadget Google - Les vignettes d'un Album public d'une Page de Facebook - http://www.liens-du-vin.ch/gadget-vignettes-facebook.htm Versions et mentions légales Gadgets fournis par Google. Plus d'informations Les vignettes d'un Album Facebook avec un Gadget Google Les vignettes d'un Album Facebook sur sa page Google Sites Insérer une vidéo de Facebook sur son Blog Les vignettes d'un Album de Picasa Les vignettes d'un Album de Flickr Les vignettes d'un Flux Media RSS de Photobucket Les vignettes de Pinterest Des Gadgets pour son Site ou son Blog    Les Liens du Vin  [...]



L'aperçu d'un livre de Google Livres sur son Blog

2012-09-29T21:23:14.899+02:00

Google Livres - Aperçu - Un Gadget Google Un Gadget Google pour afficher l'aperçu d'un livre de Google Livres sur son Blog.  Google Livres permet de parcourir une base de données de plusieurs millions de livres. Google permet d'afficher l'aperçu d'un livre, en utilisant les API de google Books. Le Gadget Google permet l'ajout d'un aperçu en quelques clics. L'aperçu permet de visualiser le livre en texte intégral ou de parcourir les premières pages. Il dispose d'une recherche interne et d'outils de zoom. L'URL du Gadget preview-books.xml Ajouter le Gadget sur son Blog Le Gadget peut être ajouté en utilisant le code iframe du Gadget. Le code ci-dessous doit être collé sans espaces ni retour à la ligne, soit dans un Gadget HTML / Javascript, soit directement dans le HTML d'un message. Les paramètres du Gadget sont indiqués en rouge. style="width: 600px; height: 490px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/preview-books.xml&up_ID=z2kVAAAAYAAJ&up_LAN=French - fr&up_PWH=580&up_PHT=460&up_CCOL=%23f6f6f6"allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Aperçu Google Livres - http://www.liens-du-vin.ch/google-livre-apercu.htm L'identifiant du livre ISBN, le numéro international normalisé du livre (International Standard Book Number). Les 10 ou 13 chiffres du code EAN. Par exemple ISBN:0738531367. Numéro OCLC, le numéro unique attribué à un livre par l'OCLC lorsque le livre est catalogué sur WorldCat. Par exemple OCLC:70850767. LCCN, le numéro de contrôle de la Bibliothèque du Congrès (Library of Congress Control Number). Par exemple LCCN:2006921508. Identifiant Google Livres, l'identifiant unique attribué au livre par Google Livres. Par example, Py8u3Obs4f4C. URL de l'aperçu Google Livres, c'est l'adresse internet qui ouvre l'aperçu du livre sur Google Livres. Par exemple http://books.google.com/books?id=Py8u3Obs4f4C&printsec=frontcove. Les paramètres du Gadget ID : identifiant du livre PWH : largeur de l'aperçu en pixels PHT : hauteur de l'aperçu en pixels LAN : langue de l'interface CCOL : #rrggbb couleur du conteneur ou transparent Des exemples Le livre Mountain View, images de l'amérique au début du XXe siècle. style="width: 600px; height: 490px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/preview-books.xml&up_ID=ISBN:0738531367&up_LAN=French - fr&up_PWH=580&up_PHT=460&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Aperçu Google Livres - http://www.liens-du-vin.ch/google-livre-apercu.htm Le livre Pensées de Pascal style="width: 600px; height: 490px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/preview-books.xml&up_ID=z2kVAAAAYAAJ&up_LAN=French - fr&up_PWH=580&up_PHT=460&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Aperçu Google Livres - http://www.liens-du-vin.ch/google-livre-apercu.htm Mentions légales Gadget fourni par Google Utilisation des ouvrages relevant du domaine public Plus d'informations Afficher une feuille Excel sur son Blog Le lecteur de documents de Google Documents Google Drive et Blogger - Améliorer son Blog Fichiers joints et Podcasting avec Blogger Webdoc - Partagez vos passions autrement    Les Liens du Vin  [...]



Le Gadget Recent Comments (commentaires récents)

2013-04-03T21:11:04.286+02:00

La version anglaise du Gadget Commentaires récents (Recent Comments) La version anglaise du Gadget Commentaires récents (Recent Comments). Une nouvelle version du Gadget de bloggerbuster (Amanda), sans le problème des caractères spéciaux La version la plus connue de ce Gadget Blogger est le Gadget de bloggerbuster (Amanda). Malheureusement ce gadget ne traduit pas les entités html (' ou  ). Pour corriger ce problème, la méthode classique consiste à créer un script prototype dans le javascript du gadget :  String.prototype.unescapeHtml = function (){var temp = document.createElement("div");temp.innerHTML = this;var resu = temp.childNodes[0].nodeValue;temp.removeChild(temp.firstChild);return resu;} L'appel à cette fonction permet d'éliminer les caractères saisis comme entité html :  postcontent=postcontent.unescapeHtml() J'ai réalisé une nouvelle version de ce gadget, qui reprend les fonctionnalités et les paramètres de la version française. Ajouter ce Gadget à Blogger Ajouter ce Gadget avec le bouton Add to Blogger :  Ajouter ce Gadget avec le formulaire personnalisé de Blogger :  Mise en page / Ajouter un gadget...Personnalisés / Saisissez l'URL du gadget :  http://prac-gadget.googlecode.com/files/recent-comments.xml Paramètres du Gadget Gadget Blogger, Recent Comments http://prac-gadget.googlecode.com/files/recent-comments.xmlBLOG : Name of Blog, for example viti-vino.blogspot.com. NBC : Number of comments to display (1 - 20)MAX : Length of text to display (50 - 500)DATE : Display date (Yes - No)TBLOG : Display title of Blog (Yes or No)TITLE : Display title of Posts (Yes or No)AUTHOR : Display Author (Yes or No)TOP : Open links within the same window (Yes - No)ALG : Text-align (left or justify)SIZE : Size of font (85 %)LCOL : #rrggbb, color of linksTCOL : #rrggbb, color of textBCOL : #rrggbb, color of background Versions et mentions légales Gadgets fournis par Google. Plus d'informations Commentaires récents - version française Un Gadget Google pour partager ses abonnements de Google Reader Des Gadgets pour son BlogAfficher un diaporama avec les derniers messages d'un Blog    Les Liens du Vin  [...]



Google Drive et Blogger - Améliorer son Blog

2013-11-20T22:32:14.617+01:00

Google Drive et Blogger - Améliorer son Blog Google Drive peut être utilisé comme un véritable hébergeur Internet. L 'espace de stockage gratuit de 5 Giga autorise l'hébergement de pages html, de feuilles de style, de fichiers son ou d'animations Flash. Google Drive permet le stockage gratuit jusqu'à 5 Giga. Une petite astuce d'adressage permet de disposer de cet espace de stockage comme un hébergement internet. Nous allons en profiter pour améliorer notre Blog.Intégrer sur son Blog une page html hébergée sur Google Drive A titre d'exemple, j'ai copié la page Diaporama des Premiers Grands Crus Vaudois, hébergée sur mon site Les Liens du Vin, sur Google Drive. Une fois le document partagé et rendu public, Google Drive nous donne l'adresse suivante comme lien de partage (lien aperçu de l'affichage) :  https://googledrive.com/host/0B4yfJJJSNrfuTW85OGxyaHdvYXM/diapo-grand-cru.htm Cette URL peut être utilisée comme lien, Le Diaporama des Premiers Grands Crus vaudois, ou comme adresse source pour l'intégration de la page sur le Blog. Le code d'intégration, avec un tag iframe :  src="https://googledrive.com/host/0B4yfJJJSNrfuTW85OGxyaHdvYXM/diapo-grand-cru.htm" style="width:100%; height: 340px;" allowTransparency="true" frameborder="0" scrolling="no"> Les Premiers Grands Crus des Clos Domaines et Châteaux src="https://googledrive.com/host/0B4yfJJJSNrfuTW85OGxyaHdvYXM/diapo-grand-cru.htm" style="width:100%; height: 340px;" allowTransparency="true" frameborder="0" scrolling="no">© Photos : Régis Colombo et Clos Domaines et Châteaux Feuille de style pour un seul message Pour une mise en page particulière, une feuille de style peut être hébergée sur Google Documents. Pour qu'elle s'applique à l'ensemble du Blog il faut placer cette instruction avant  :  Pour appliquer un style particulier à un seul message, il est possible de placer le style entre les 2 balises dans le html du message. Si la feuille de style est de grande taille ou utilisée à plusieurs endroits sur le Blog, il peut être intéressant de l'héberger sur Google Drive et de la charger dynamiquement lors de l'affichage de la page concernée. Il suffit de placer ce petit script dans le html du message :  Pour obtenir l'URL, nous effectuons les mêmes transformations que ci-dessus, sur l'URL fournie par Google Documents :  https://docs.google.com/open?id=0B4yfJJJSNrfuNVFYVWl3MGtFNjg https://docs.google.com/uc?id=0B4yfJJJSNrfuNVFYVWl3MGtFNjg La feuille test_style.css devient accessible et peut être utilisée sur le Blog. A titre d'exemple, cette feuille de style est utilisée pour mettre en forme la liste ci-dessous :  Mise à jour : hébergement sur Google Drive Depuis février 2013, Google Drive autorise l'hébergement de fichier html, devenant ainsi, de facto, un hébergeur Internet gratuit. Il faut creéer un répertoire en accès public puis placer les fichiers html dans ce répertoire.Le répertoire public peut contenir tous les fichiers nécessaires à l'affichage d'une page Internet, en plus des pages html  : script (*), images (*.png ou *.jpg), fichiers sons (*.mp3) ou animation flash (*.swf).J ai par exemple placé cette mini page html sur Google Drive : Etiquette de vin. Elle peut être intégrée sur le Blog [...]



Suivre les Pins de son site sur Pinterest

2013-02-26T21:50:21.252+01:00

Pinterest conserve le site à l'origine du Pin. Ainsi, les Pins de ce Blog se trouvent à cette adresse http://www.pinterest.com/source/viti-vino.blogspot.com Pour un site, l'adresse des Pins est :http://www.pinterest.com/source/liens-du-vin.ch Créer un Flux RSS Mise à jour : 2013.01.01. feed43 ne peut plus être utilisé pour créer un Flux RSS. Pinterest impose d'être enregistré pour afficher la source. L'URL http://www.pinterest.com/source/NOMDUSITE est redirigée vers la page de loggin. L'auteur de l'article original propose d'utiliser un tableau de bord de ViralContentBuzz pour suivre ses Pins Nous pouvons utiliser le Flux RSS de cette adresse pour suivre les Pins de ce site sur Pinterest. feed43 permet de créer un Flux RSS à partir d'une adresse URL. Pour créer un nouveau flux, spécifier l'adresse de la page à convertir :  Nous allons extraire dans chaque message du Flux RSS, l'identifiant du Pin, le commentaire, le lien vers l'auteur du Pin et son nom. Les zones à extraire sont marquées par {%}. Le symbole {*} indique que nous voulons extraire ces zones dans tous les Pins. Les zones ainsi définies sont utilisables en indiquant leur numéro d'ordre, soit {%1}, {%2}, ... {*}

{%}

{*}
{*}Nous allons utiliser ces zones pour définir les propriétés d'un article du Flux :  Les zones retenues permettent de définir :  Le titre de l'article : {%2}Le lien vers le Pin : {%1}Le lien vers l'auteur du Pin : {%3}Le nom de l'auteur du Pin : {%4}Ces données une fois saisies, nous obtenons le Flux RSS des Pins réalisés depuis un site donné :  Utiliser le Flux RSSUne fois le Flux créé sur feed43, il est recommandé de renommer le flux. Par exemple, le Flux RSS des Pins réalisés sur mon site Les Liens du Vin :  http://feed43.com/liens-du-vin.xml. Le Flux peut être utilisé avec Google Reader ou affiché sur un Blog avec le Gadget Flux :  J'ai utilisé le Flux créé ci-dessus, avec un Gadget Google comme lecteur de Flux :  allowtransparency="true" frameborder="0" height="760" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/gadget-feed.xml&up_Flux=http://feed43.com/liens-du-vin.xml&up_Nombre=18&up_Link=http://www.pinterest.com/source/liens-du-vin.ch&up_Couleur_Fond=%23f6f6f6&up_Couleur_Police=%23000035&up_Couleur_Titre=%23f2e9ca&up_Couleur_Bord=%23db6f09&up_ContainerCol=%23f6f6f6" width="480"><p>Afficher les titres d'un flux sur son site</p> En savoir plusL'article original, sur Mashable Video : L'intérêt et le fonctionnement des Flux RSS Le bouton Pin-It de Pinterest, sur le Blog de Soraya Tout Pinterest en français. Les Pins de Tomate Joyeuse Un Gadget Google pour insérer un Flux RSS sur son Site ou son Blog Un diaporama avec les derniers posts de Pinterest Les derniers Pins d'un compte Pinterest, avec vignette Les vignettes de Pinterest    Les Liens du Vin  [...]



Un Diaporama avec les derniers posts de Pinterest

2013-04-04T21:56:41.444+02:00

Gadget Blogger pour afficher un Diaporama avec les derniers posts de Pinterest Deux Gadgets Blogger pour afficher un Diaporama de Pinterest (derniers posts) sur son Blog. Possibilité de n'afficher que les images d'un tableau (Board).Deux Gadgets Blogger pour afficher un Diaporama de Pinterest sur son Blog. Avec ces deux gadgets nous pouvons restreindre l'affichage à un seul tableau (board) de Pinterest. Ces gadgets utilisent le Flux Media RSS fourni par Pinterest. Cet hébergeur fournit un flux pour les dernières Images d'un utilisateur ou les dernières images d'un seul tableau (board).Les deux variantes du GadgetSans titrepinterest-slideshow-simple-b.xmlAvec un titre et les légendes des photospinterest-slideshow-b.xmlAjouter le Gadget sur son BlogSoit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter :Sans titrehttp://prac-gadget.googlecode.com/files/pinterest-slideshow-simple-b.xmlAvec titre et légendeshttp://prac-gadget.googlecode.com/files/pinterest-slideshow-b.xml Ajouter ce Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Les paramètres des GadgetsSans titreUSER : le nom de l'utilisateur PinterestBOARD : Le nom du tableau. Facultatif, si le paramètre n'est pas renseigné,le diaporama affiche les dernières images de l'utilisateur Pour obtenir le nom du tableau (board), clic sur Edit du tableau. Copier l'URL : http://pinterest.com/prac53/favorite-places-spaces/settings/prac53 est le nom de l'utilisateurfavorite-places-spaces est le nom du tableau Favorite Places & Spaces PWH : la largeur des images en pixels.PHT : la hauteur des images en pixels.Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog. BCOL : #rrggbb. La couleur de la bordure du diaporama.Avec titre et légendesUSER : le nom de l'utilisateur PinterestBOARD : Le nom du tableau. Facultatif, si le paramètre n'est pas renseigné,le diaporama affiche les dernières images de l'utilisateur Pour obtenir le nom du tableau (board), clic sur Edit du tableau. Copier l'URL : http://pinterest.com/prac53/favorite-places-spaces/settings/prac53 est le nom de l'utilisateurfavorite-places-spaces est le nom du tableau Favorite Places & Spaces PWH : la largeur des images en pixels.PHT : la hauteur des images en pixels.Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.LNK : lien sur le titre du diaporama. Par défaut le titre n'est pas en zone chaude.TIT : le titre du diaporama. Par défaut le titre du Flux Media RSS de Pinterest.DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).CLP : lors du clic sur l'image,[...]



Webdoc - Partagez vos passions autrement

2013-02-02T17:50:17.757+01:00

Webdoc, une autre façon de publier et partager du contenu sur le Web Webdoc permet de créer en quelques clics du contenu multimédias et de le partager sur les principaux réseaux sociaux (Facebook, Twitter et Google+).

Disposant d'un outil d'édition simple d'emploi, les vidéos, les sons et les diaporamas sont créés par un glisser-déplacer. Des Apps permettent d'ajouter un diaporama de Flickr ou de Picasa Albums Web. Des goodies facilitent la mise en forme d'une présentation de Slideshare ou d'une vidéo de YouTube. Les photos peuvent être présentées dans un album ou dans un diaporama.

Un Webdoc avec un diaporama et une vidéo : 

title="webdoc" width="500" height="860" src="http://www.webdoc.com/embed/C4FD782C-46A0-0001-CD85- 1180CEF01631" frameborder="0" scrolling="no">Webdoc - prac53 - A la découverte des plus beaux Clos Domaines et Châteaux viticoles de Suisse


L'insertion d'un Webdoc sur un Site ou un Blog se fait avec le code embarqué, soit un tag iframe.

(image)

title="webdoc" width="500" height="840"
src="http://www.webdoc.com/embed/C4FD782C-46A0-0001-CD85-1180CEF01631" frameborder="0" scrolling="no">


Webdoc devient urturn

Depuis janvier 2013, Webdoc change de nom et devient urturn : Choisis ton Expression et partage tes émotions.

En savoir plus

Le site de Webdoc
Insérer un Webdoc sur Google Sites
Insérer un aperçu de Google Livres sur son Blog
(image)



Gadget Blogger pour insérer une image sonore

2014-09-30T21:50:47.047+02:00

Gadget Blogger pour insérer une image sonore Une utilisation du lecteur Flash Dewplayer pour jouer un son lors du survol d'une image avec la sourisLe Gadget Blogger insère une image qui joue un fichier *.mp3 au survol par la souris. Le Gadget utilise le lecteur Flash Dewplayer qui est intégré dans le Gadget. Le fichier *.mp3 à jouer peut être hébergé sur une page classeur de Google Sites.Le GadgetInsérer une image sonoreimage-sonore-b.xml Ajouter le Gadget sur son BlogPar Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter (sous la forme http://...) : Image sonorehttp://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/image-sonore-b.xmlLes paramètres du GadgetImage sonoreURL : l'URL de l'image à afficherMP3 : l'URL du fichier son (*.mp3) à jouer au survol par la sourisPWH : largeur de l'image en pixelsPHT : hauteur de l'image en pixelsCCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.Les caractéristiques du GadgetL'image peut être hébergée sur Picasa Albums Web et le fichier son sur Google SitesUn exempleJ'ai utilisé, non pas un Gadget Blogger pour cet exemple, mais la version Gadget Google afin d'afficher l'image sonore dans le html de ce message.Le Château de Vufflens en hiver. Extrait de Jean-Sébastien Bach, Magnificat BWV 243 Gloria Patri.Survolez l'image avec la souris ! style="width: 240px; height: 210px;" src="http://www.gmodules.com/gadgets/ifr?url=https://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/image-sonore.xml&up_URL=http://www.liens-du-vin.ch/_pic04/chateau-vufflens-hiver.jpg&up_MP3=https://sites.google.com/site/annuairevin/files/mozart_req_dies_irae.mp3&up_TIT=Château%20de%20Vufflens%20en%20hiver&up_PWH=220&up_PHT=189&up_CCOL=transparent" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Une image sonore - http://www.liens-du-vin.ch/image-sonore-script.htm - Château de Vufflens - Bach Gloria Patri Gadget Google ou Gadget BloggerUn Gadget Google peut être placé dans un message du Blog. Un Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog).Plus d'informationsInsérer une image sonore avec un Gadget GoogleDes lecteurs simples pour jouer un fichier *.mp3 sur son BlogLe site de DewplayerSonoriser ses images avec DewplayerDes Gadgets pour son BlogCopyright photo© photo : www.diapo.ch et Clos Domaines et Châteaux    Les Liens du Vin  [...]



Des Gadgets Blogger pour Google+

2013-04-04T21:57:38.372+02:00

Des Gadgets Blogger pour Google+ Des Gadgets Google pour afficher le flux d'un utilisateur de Google+, un moteur de recherche sur Google+ et un Badge avec les statistiques.Google+ dans sa version initiale ne comporte pas d'API. Grace aux Gadget Blogger nous pouvons afficher le Flux RSS (Atom) d'un utilisateur via PlusFeed, intégrer un Moteur de Recherche et afficher un badge avec les statistiques Google+.Les GadgetsMoteur de recherche sur Google+google-plus-search-b.xmlUn Badge avec les Statistiques Google+google-plus-statistics-b.xmlAfficher le Flux RSS (Atom) d'un utilisateur de Google+google-plus-feed-b.xml Ajouter le Gadget sur son BlogSoit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter : Moteur de recherche sur Google+http://prac-gadget.googlecode.com/files/google-plus-search-b.xmlUn Badge avec les Statistiques Google+http://prac-gadget.googlecode.com/files/google-plus-statistics-b.xmlAfficher le Flux RSS (Atom) d'un utilisateur de Google+http://prac-gadget.googlecode.com/files/google-plus-feed-b.xmlAfficher le Flux RSS (Atom) d'un utilisateur de Google+, avec vignetteshttp://prac-gadget.googlecode.com/files/google-plus-feed-thumb-b.xml Ajouter le Gadget en l'intégrant dans votre bibliothèque xmlInstaller le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens. Les paramètres des GadgetsMoteur de recherche sur Google+PUSER : lien sur le texte Google+Par exemple le profil Google+ d'un utilisateur : https://plus.google.com/115854656993758258488/posts?hl=frBKCOL : #rrggbb couleur du fond du gadgetBCOL : #rrggbb couleur de la bordureCCOL : #rrggbb couleur du conteneur, ou transparentUn Badge avec les Statistiques Google+GID : l'identifiant Google+ de l'utilisateurL'URL du profil d'un utilisateur se présente comme suit : https://plus.google.com/115854656993758258488/posts?hl=fr115854656993758258488 est l'dentifiant de l'utilisateurCCOL : #rrggbb couleur du conteneur, ou transparentAfficher le Flux RSS (Atom) d'un utilisateur de Google+, avec ou sans vignettesGID : l'identifiant Google+ de l'utilisateurL'URL du profil d'un utilisateur se présente comme suit : https://plus.google.com/115854656993758258488/posts?hl=fr115854656993758258488 est l'dentifiant de l'utilisateurNBR : nombre de messages à afficher . De 1 à 100, par défaut 12LNK : URL du lien sur le titre du FluxSCOL : #rrggbb couleur du fond du lecteur de FluxFCOL : #rrggbb couleur de la policeHCOL : #rrggbb couleur du lien au survol de la sourisLCOL : #rrggbb couleur du fond du texteBCOL : #rrggbb couleur de la bordureCCOL : #rrggbb couleur du conteneur, ou transparentDes exemplesLes Gadgets sur un modèle Picture WindowA titre d'exemple, j'ai utilisé 3 Gadgets Google, pour placer les gadgets dans le corps du message.Le Moteur de recherche style="width: 334px; height: 84px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/search-google-plus.xml&up_PUSER=https://plus.google.com/115854656993758258488/posts?hl=fr&up_BKCOL=%23f2e9ca&up_BCOL=%23de7008&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Un Moteur de Recherche pour Google+Mes Statistiques de Google+ style="width: 280px; height: 110px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/google-plus-statistics.xml&up_GID=115854656993758258488&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" [...]



Gadget Blogger pour insérer une video *.flv avec Dewtube

2012-09-29T21:36:56.127+02:00

Gadget Blogger pour insérer une video *.flv avec Dewtube Un Gadget Blogger pour insérer le lecteur Dewplayer. Il permet de visionner une vidéo Flash (*.flv)Un Gadget Blogger pour afficher une Vidéo en Flash (*.flv ou *.f4v) sur son Blog. Le gadget utilise le lecteur Flash Dewtube d'alsacréations. Il suffit d'indiquer le fichier *.flv (ou *.f4v) à afficher, le lecteur Dewtube lui-même est intégré dans le lecteur Flash du Gadget.Le fichier Flash peut être hébergé sur une page classeur de Google Sites.Le GadgetLecteur Dewtubedewtube-b.xmlAjouter le Gadget sur son BlogSoit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter :Lecteur Dewtubehttp://prac-gadget.googlecode.com/files/dewtube-b.xmlLes paramètres du GadgetLecteur DewtubeFLV : URL du fichier Flash (*.flv ou *.f4v). C'est l'adresse du fichier video. Hébergement possible sur Google Sites.Pour afficher un aperçu de la video, il faut placer une image au format *.jpg dans le même répertoire que la video. Cette image doit avoir le même nom et la même taille que la video.FWH : largeur de la video en pixels.FHT : hauteur de la video en pixels.START : démarrage automatique, Yes ou No, par défaut No (non).CCOL : #rrggbb ou transparent. La couleur de fond du conteneur. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.Les caractéristiques du gadgetIl n'est pas nécessaire d'héberger le fichier Flash du lecteur (dewtube.swf). Celui-ci est intégré dans le Gadget.Aperçu de la video à héberger sous le même nom que la video. Par exemple ma_video.flv et ma_video.jpgUn exempleLa video Bad Boy, affichée sur un Modèle Picture Window :Gadget Google ou Gadget BloggerUn Gadget Google peut être placé dans un message du Blog. Un Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog).Plus d'informationsInsérer une video FLV avec DewtubeLe lecteur DewtubeIntégrer une video de Facebook sur son BlogDiffuser une video de YouTube avec un lecteur personnalisé    Les Liens du Vin  [...]



Lecteur intégrable pour afficher une video Facebook

2013-04-23T22:55:13.356+02:00

Lecteur intégrable pour afficher une video Facebook Un Gadget Blogger pour insérer une vidéo de FacebookFacebook ne fournit pas de lecteur intégrable pour les videos. Le Gadget Blogger permet d'insérer une video de Facebook sur son Blog. Celle-ci doit être publique. Le GadgetLecteur Flash pour afficher une video de Facebookfacebook-video-player-b.xmlAjouter le Gadget sur son BlogSoit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter :Lecteur Videohttp://prac-gadget.googlecode.com/files/facebook-video-player.xmlLes paramètres du GadgetLecteur VideoID : identifiant de la videoSur Facebook, lancer la video. L'adresse est de cette forme https://www.facebook.com/photo.php?v=3701337574015&set=vb.228564680568906&type=3&theater3701337574015 est l'identifiant de la videoFWH : largeur de la video en pixels FHT : hauteur de la video en pixels CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparentCaractéristiques du gadgetLe Gadget est prévu pour des vidéos hébergées sur Facebook, qui sont publiques.Il ne convient pas pour des videos privées ou placées sur Facebook depuis YouTube ou DailymotionDes exemplesUn 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 des Gadget Google insérés dans le html de ce message. Lecteur Video. Vidéo de TruPinoyTV - Just Awesome ! Mise à jour : mars 2013. Vidéo facebook supprimée par TruPinoyTV. Ci-dessous, la vidéo sur YouTube (Flashmob organisé par la Banque de Sabadell pour son 130iem anniversaire). Insertion avec un Gadget Google. style="width: 570px; height: 325px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/youtube-player.xml&up_Video=GBaHPND2QJg&up_Taille=560 x 315&up_Qualite=Haute&up_Theme=Clair&up_Curseur=Blanc&up_Plein=Oui&up_Videosim=Non&up_Demarrage=Non&up_Controle=Sans&up_BCOL=%23cc0000&up_CCOL=%23f6f6f6" allowTransparency="true" frameborder="0" scrolling="no">Bacio della Luna - Prosecco. Lecteur YouTube - http://www.liens-du-vin.ch/youtube-player-script.htm Lecteur Video. Vidéo de Revelation - Awesome Swiss Watch width="490" height="290" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac- gadget.googlecode.com/files/facebook-video-player.xml&up_ID=4673289992218&up_FWH=480&up_FHT=270&up_CCOL=%23f6f6f6">Gadget Google - Insérer une vidéo de Facebook sur son Blog ou son Site - http://www.liens-du-vin.ch/facebook-video-gadget.htm Plus d'informationsLe site de FacebookUn Gadget Google pour afficher une vidéo de FacebookLe lecteur Dewtube pour afficher une video *.flvAfficher des animations en Flash avec un lecteur standardVideos de YouTube en haute qualité Les vignettes d'un Album de Facebook sur son Blog D'autres Gadgets pour son Site ou son Blog    Les Liens du Vin  [...]



Des lecteurs simples pour jouer un fichier mp3 sur son Blog

2014-09-29T20:23:36.613+02:00

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 GadgetsLecteur Dewplayer simpledewplayer-b.xml Lecteur Dewplayer avec contrôle du volumedewplayer-vol-b.xml Lecteur Dewplayer avec lecture de plusieurs fichiers sondewplayer-multi-b.xml Lecteur Google audio de Gmailgoogle-audio-b.xmlLecteur Google audio de Google Readergoogle-audio-step-b.xmlAjouter le Gadget sur son BlogPar Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter (de la forme http://...) :Lecteur Dewplayerhttp://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-b.xmlLecteur Dewplayer avec contrôle du volumehttp://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-vol-b.xmlLecteur Dewplayer avec lecture de plusieurs fichiershttp://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/dewplayer-multi-b.xmlLecteur Google audio (Gmail)http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-b.xmlLecteur Google audio (Google Reader)http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/google-audio-step-b.xmlLes paramètres des GadgetsLecteur DewplayerMP3 : url du fichier *.mp3 à jouerSTART : démarrage automatique (Yes ou No), par défaut No LOOP : lecture en boucle (Yes ou No), par défaut NoCCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparentLecteur Dewplayer avec contrôle du volumeMP3 : url du fichier *.mp3 à jouerSTART : démarrage automatique (Yes ou No), par défaut NoLOOP : lecture en boucle (Yes ou No), par défaut NoCCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparentLecteur Dewplayer avec lecture de plusieurs fichiersMP3S : url des fichiers *.mp3 à jouerSéparer les fichiers par le caractère Pipe |, à coder %7CExemple : son1.mp3%7Cson2.mp3START : démarrage automatique (Yes ou No), par défaut NoLOOP : lecture en boucle (Yes ou No), par défaut NoCCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparentLecteur Google audio (Gmail)MP3 : url du fichier *.mp3 à jouerSTART : démarrage automatique (Yes ou No), par défaut NoCCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparentLecteur Google audio (Google Reader)MP3 : url du fichier *.mp3 à jouerSTART : démarrage automatique (Yes ou No), par défaut NoCCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent Les caractéristiques des gadgetsLe lecteur Flash est intégré dans chaque Gadget Les fichiers *.mp3 peuvent être hébergés sur Google Sites, dans une page classeur Des exemplesUn 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. Lecteur Dewplayer. Extrait O Fortuna, Carl Orff, Carmina Burana style="width: 230px; height: 20px;" src="http://www.gmodules.[...]



Afficher son blog avec les vues dynamiques

2011-10-12T22:35:08.609+02:00

Afficher son blog avec les vues dynamiquesDisponibles 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 Bloghttp://NOMDUBLOG.blogspot.com/viewActiver la vue dynamiqueParamètres / général. Activer les vues dynamiques : OuiSelon l' Aide en ligne, le Flux du Blog doit être sur Complet.La vue barre de défilement (sidebar)La vue planche d'images (flipcard)La vue mosaïque (mosaic)La vue instantané (snapshot)La vue ruban temporel (timeslide)La vue magazineLa vue classique (classic)Plus d'informationsLes vues dynamiques pour le lecteur du BlogLes Vues dynamiques - mise à jour de fin septembre 2011Le Blog de Google France présente les dernières nouveautés des Vues DynamiquesLes 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 modifiablesIl 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 dynamiqueLes vues dynamiques sont supportées à partir d'Internet Explorer 8, Chrome 10 et Firefox 3.6Les Vues Dynamiques de ce BlogDiaporama réalisé avec le Gadget Google : Diaporama. style="width: 440px; height: 370px;" src="http://www.gmodules.com/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/picasa-slideshow.xml&up_FEED=https://picasaweb.google.com/data/feed/base/user/philippe.chappuis/albumid/5657509198318481905?alt=rss&kind=photo&hl=fr_FR&up_PWH=420&up_PHT=300&up_LNK=http://viti-vino.blogspot.com/view&up_TIT=Le+Blog+de+Prac+-+Vues+Dynamiques&up_DTime=&up_TTime=&up_RND=Yes&up_NAB=No&up_CLP=No&up_LCOL=%23bb5204&up_TCOL=%23bb5204&up_SCOL=%23f2e9ca&up_BCOL=%23de7008&up_CCOL=transparent" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama Picasa Albums Web avec titre - http://www.liens-du-vin.ch/picasa-gadget-script.htm    Les Liens du Vin  [...]



Configurer le Gadget Suivre par Mail

2011-08-26T18:55:50.457+02:00

Configurer le Gadget Suivre par MailBlogger propose depuis le 16 mars 2011 un nouveau Gadget, Suivre les mises à jour par e-mail.Blogger propose depuis le 16 mars 2011 un nouveau Gadget, Suivre les mises à jour par e-mail .Une fois le gadget installé sur le Blog, le gadget se présente sous la forme d'une zone de saisie suivie d'un bouton Submit. Le texte de la zone de saisie, Email address... n'apparaît que sous Chrome. C'est l'attribut placeholder de la balise input qui n'est pas traité par FireFox 3.6 et Internet Explorer 8.La grille de validation de Feedburner est quand à elle également en anglais : Modifier le code sourceNous allons modifier le code html du gadget pour afficher les textes en français et obtenir le formulaire Feedburner dans cette langue.Présentation / Modifier le code HTML. Cocher Développer des modèles de gadgets puis rechercher le code suivant : 
Email address... : à remplacer par Adresse Mail...Submit : à remplacer par Suivreen_US : à remplacer par fr_FRLe formulaire de validation proposé par Feedburner est maintenant en français : Plus d'informationsPour configurer le mail envoyé par Feedburner (textes en français, options d'envois, etc...), suivre les indications données par MesTrucsPourBlogger    Les Liens du Vin  [...]



Afficher une feuille Excel sur son Blog - Google Viewer

2012-08-26T18:03:27.586+02:00

Afficher une feuille Excel sur son Blog - Google ViewerLe lecteur de document de Google, Google Viewer permet de visionner des fichiers *.pdf, *.tif et *.ppt. Depuis le 18 février 2011, le lecteur de Google peut afficher 12 formats supplémentaires. Il est désormais possible d'afficher un fichier *.psd ainsi que les fichiers Excel, *.xls et *.xlsx.Le lecteur de document de Google, Google Viewer permet de visionner des fichiers *.pdf (Adobe Portable Document Format), *.tif (Tagged Image File Format) et *.ppt (Microsoft PowerPoint).Depuis le 18 février 2011, le lecteur de Google peut afficher 12 formats supplémentaires. Il est désormais possible d'afficher un fichier *.psd (Adobe Photoshop) ainsi que les fichiers Excel, *.xls et *.xlsxAfficher un fichier Adobe PhotoshopEn utilisant le formulaire en ligne avec l'adresse d'un fichier *.psd hébergé sur Google Docs, nous obtenons ce code pour intégrer le lecteur :Adresse du fichier *.psdhttp://www.liens-du-vin.ch/_files/_files/ascreen-ph.psdCode iframe pour intégrer le lecteursrc="http://docs.google.com/viewer?url=http://www.liens-du-vin.ch/_files/ascreen-ph.psd&embedded=true"width="380" height="360" style="border: none;">Lecteur Google Viewer pour afficher un fichier *.psdLe résultat src="http://docs.google.com/viewer?url=http://www.liens-du-vin.ch/_files/ascreen-ph.psd&embedded=true" allowTransparency="true" frameborder="0" scrolling="no" width="380" height="360">Le cas d'une feuille ExcelJ ai créé une feuille Excel à partir des statistiques de visite de ce Blog (2010, type de navigateur et système d'exploitation).La feuille Excel est hébergée par Google Docs, en format original. Pour conserver le format original lors de l'importation, il ne faut pas cocher l'option :Convertir des documents, présentations, feuilles de calcul et dessins au format Google Documents correspondantEn utilisant le formulaire en ligne de Google Viewer, la feuille Excel peut être affichée dans le lecteur.Feuille Excel dans le lecteur Google ViewerUtiliser un Google Web ElementsPour une intégration directe sur le Blog, il reste cependant préférable d'utiliser le Google Web Elements SpreadsheetDans ce cas, il faut respecter deux conditions :La feuille Excel doit être importée dans Google Docs, avec l'option de conversion :Convertir des documents, présentations, feuilles de calcul et dessins au format Google Documents correspondant Le document doit être public et le document doit être publié en tant que page WebUtilisez l'option Partager, une fois le document ouvert pour publier la page :Adresse de la page Web (feuille Excel en format Google Documents)http://spreadsheets.google.com/pub?output=html&widget=true&single=true&element=true&gid=0&key=0AoyfJJJSNrfudGVPMXdVbzZVZVkxWkY5YjV0NUNyZGcCode du Google Web Elements frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:350px;height:340px;" src="http://spreadsheets.google.com/pub?output=html&widget=true&single=true&element=true&gid=0&key=0AoyfJJJSNrfudGVPMXdVbzZVZVkxWkY5YjV0NUNyZGc"scrolling="no" allowtransparency="true">En plaçant le code du iframe dans le html du message, nous obtenons : marginwidth="0" marginheight="0" border="0" style="border: 0pt none; margin: 0pt; width: 350px; height: 340px;" src="http://spreadsheets.google.com/pub?output=html&widget=true&single=true&elemen[...]



Les derniers messages d'un Blog sous forme de Diaporama

2013-02-22T22:41:53.234+01:00

Les derniers messages d'un Blog sous forme de DiaporamaLe Diaporama standard de Blogger peut être utilisé pour afficher les derniers messages d'un Blog à l'aide d'un Gadget Blogger. Le Gadget affiche la première image contenue dans le message, ainsi que le début du texte. Les 10 derniers messages peuvent être affichés.Le Diaporama standard de Blogger peut être utilisé pour afficher les derniers messages d'un Blog à l'aide d'un Gadget Blogger. Le Gadget affiche la première image contenue dans le message, ainsi que le début du texte. Les 10 derniers messages peuvent être affichés. C'est une utilisation particulière du Flux Atom du Blog.Les deux variantes du GadgetAffichage de l'image à gauche du textelast-post-slideshow-b.xmlVersion verticale, image centrée en haut du gadgetlast-post-slideshow-v-b.xmlAjouter le Gadget sur son BlogSoit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter :Image à gauchehttp://prac-gadget.googlecode.com/files/last-post-slideshow-b.xmlVersion verticale, image centrée en haut du gadgethttp://prac-gadget.googlecode.com/files/last-post-slideshow-v-b.xmlLes paramètres des GadgetsImage à gaucheNAME : le nom du Blog. Par exemple viti-vino.blogspot.com.Le Flux du Blog doit être défini sur complet.NBP : le nombre de messages (post) à afficher.PDEF : l'image à afficher lorsqu'il n'existe aucune image dans un message. Saisir l'URL de l'image, par exemple http://www.liens-du-vin.ch/ascreen.jpg.LEN : la longueur du texte à afficher. De 1 à 512 caractères. Par défaut 128.PWH : la largeur des images en pixels.PHT : la hauteur des images en pixels.Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).CLP : lors du clic sur l'image, affichage du message dans une fenêtre indépendante. Yes ou No, par défaut No (non).BLK : ouverture des liens dans une nouvelle fenêtre. Yes ou No, par défaut Yes (oui). NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).FSIZE : La taille de la police. Par défaut 0.80em.TCOL : #rrggbb. La couleur du texte. Par défaut la couleur définie dans le modèle du Blog.LCOL : #rrggbb. La couleur du lien (lire la suite). Par défaut la couleur définie dans le modèle du Blog.SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.BCOL : #rrggbb. La couleur de la bordure du diaporama.CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.Version verticale, image centrée en haut du gadgetNAME : le nom du Blog. Par exemple viti-vino.blogspot.com.Le Flux du Blog doit être défini sur complet.NBP : le nombre de messages (post) à afficher.PDEF : l'image à afficher lorsqu'il n'existe aucune image dans un message. Saisir l'URL de l'image, par exemple http://www.liens-du-vin.ch/ascreen.jpg.LEN : la longueur du texte à afficher. De 1 à 512 caractères. Par défaut 128.PWH : la largeur des images en pixels.PHT : la hauteur des images en pixels.Les images sont mises[...]