tag:blogger.com,1999:blog-308018212009-11-10T13:06:05.895+01:00Le Blog des Liens du Vin. Le site pour apprécier les vins suisses et découvrir les vins du monde. L'historique du site réalisé avec Google Sites (auparavant Google Page Creator). Les outils Google et le cybermarketing du vin.viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.comBlogger41125tag:blogger.com,1999:blog-30801821.post-82734560091547298062009-09-29T22:19:00.001+02:002009-09-29T22:19:19.345+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/iHdbcHtqCHS-qnvXHaWigBHRVgQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/iHdbcHtqCHS-qnvXHaWigBHRVgQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/iHdbcHtqCHS-qnvXHaWigBHRVgQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/iHdbcHtqCHS-qnvXHaWigBHRVgQ/1/di" border="0" ismap="true"></img></a></p><div xmlns='http://www.w3.org/1999/xhtml'><p>Une nouveauté de Google à tester</p>en référence à : <a href='http://www.google.ch/'>Google</a> (<a href='http://www.google.com/sidewiki/entry/philippe.chappuis/id/dbX_ZLU02gSbiJuM7neO7obS7QY'>afficher sur Google Sidewiki</a>)</div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-8273456009154729806?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/rkleEJK5yaQ" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2009/09/sidewiki.htmltag:blogger.com,1999:blog-30801821.post-90719967236227207312009-09-27T22:55:00.010+02:002009-11-04T21:42:51.565+01:00 <p><a href="http://feedads.g.doubleclick.net/~a/ycVGHAaGDz-NmM-6LrOoRds4sms/0/da"><img src="http://feedads.g.doubleclick.net/~a/ycVGHAaGDz-NmM-6LrOoRds4sms/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/ycVGHAaGDz-NmM-6LrOoRds4sms/1/da"><img src="http://feedads.g.doubleclick.net/~a/ycVGHAaGDz-NmM-6LrOoRds4sms/1/di" border="0" ismap="true"></img></a></p><span style="font-weight: bold;">Visionneuse de documents en ligne</span><br /><br />Utiliser le <a href="http://googledocs.blogspot.com/2009/09/view-online-files-using-google-docs.html" target="_blank" title="Lecteur multi-format de Google Documents">lecteur multi-format de Google Documents</a> pour afficher vos PDF, PPT et TIFF sur votre blog.<br /><br />Depuis le 25 septembre 2009, <a href="http://docs.google.com/" title="Google Documents" target="_blank">Google Documents</a> fournit un lecteur de documents. Celui-ci permet d'afficher des documents stockés en ligne, dans le format <b><i>*.pdf</i></b> (Portable Document Format), <b><i>*.ppt</i></b> (Microsoft PowerPoint) et <b><i>*.tif</i></b> (Tagged Image File Format).<br /><br />Un <a href="http://docs.google.com/viewer" target="_blank" title="Google Docs Viewer - formulaire en ligne">formulaire en ligne</a> permet de créer le code du iframe à incorporer dans le html du blog. <br /><br /><span style="font-weight: bold;">Important</span><br /><br />Pour un affichage correct sous <strong>Internet Explorer</strong> (IE 7 et 8)&nbsp;:&nbsp;Paramètres de sécurité, Ajouter <strong>http://docs.google.com</strong> comme <em>site de confiance</em>.<br /><br /><span style="font-weight: bold;">Trois exemples</span><br /><br />Un document PDF : <a href="http://www.liens-du-vin.ch/_files/Plaquette_07_2008_F.pdf" target="_blank" title="Vignoble du Mont d'Or">Vignoble du Mont d'Or</a><br /><br /><center><br /><iframe allowtransparency="true" src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.liens-du-vin.ch%2F_files%2FPlaquette_07_2008_F.pdf&amp;embedded=true" width="520" frameborder="0" height="540">Vignoble du Mont d'Or - http://www.montdor-wine.ch</iframe><br/><br /><span style="font-size:78%;">Source : Vignoble du Mont d'Or - <a href="http://www.montdor-wine.ch/" target="_blank" title="Vignoble du Mont d'Or">www.montdor-wine.ch</a></span></center><br /><br />Un document PPT : <a href="http://www.liens-du-vin.ch/_files/vins-du-valais-chine.ppt" target="_blank" title="Vins du Valais">Vins du Valais</a><br /><br /><center><iframe allowtransparency="true" src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.liens-du-vin.ch%2F_files%2F/vins-du-valais-chine.ppt&amp;embedded=true" width="520" frameborder="0" height="480">Vins du Valais - SCHENK - 其中文之意即为 伺酒师 - schenk-wine.cn</iframe><br/><br /><span style="font-size:78%;">Source : Vins du Valais - Présentation - <a href="http://www.schenk-wine.cn/" target="_blank" title="Vins du Valais - Présentation">www.schenk-wine.cn</a></span></center><br /><br />Un document TIF : <a href="http://www.liens-du-vin.ch/_files/terravin.tif" target="_blank" title="Lauriers d'Or Terravin">Lauriers d'Or Terravin</a><br /><br /><center><iframe allowtransparency="true" src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.liens-du-vin.ch%2F_files%2F/terravin.tif&amp;embedded=true" width="480" frameborder="0" height="690">Lauriers d'Or Terravin - http://www.terravin.ch - http://www.schenk-wine.ch/FR/VinsFR/AssortFR/Suisse/Vaud/lauriers_d_or_terravin_FR.htm</iframe><br/><br /><span style="font-size:78%;">Source : Lauriers d'Or Terravin - <a href="http://www.terravin.ch/" target="_blank" title="Lauriers d'Or Terravin - Votre garantie d'excellence">www.terravin.ch</a> et <a href="http://www.schenk-wine.ch/FR/VinsFR/AssortFR/Suisse/Vaud/lauriers_d_or_terravin_FR.htm" target="_blank" title="Les Lauriers d'Or Terravin de la Côte">www.schenk-wine.ch</a></span></center><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-9071996723622720731?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/RghWFKW58VY" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2009/09/pdf-viewer-google-docs.htmltag:blogger.com,1999:blog-30801821.post-84552800366718222452009-08-12T21:36:00.068+02:002009-09-24T21:08:42.053+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/_wS7ROuH2tAa-EhOj-O8jDE6HCA/0/da"><img src="http://feedads.g.doubleclick.net/~a/_wS7ROuH2tAa-EhOj-O8jDE6HCA/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/_wS7ROuH2tAa-EhOj-O8jDE6HCA/1/da"><img src="http://feedads.g.doubleclick.net/~a/_wS7ROuH2tAa-EhOj-O8jDE6HCA/1/di" border="0" ismap="true"></img></a></p><div style="FONT-FAMILY: Verdana sans-serif"><br /><strong>Changer la taille des modèles de Blogger</strong><br /><br /><a title="Blogger - aide" href="http://www.google.com/support/blogger/" target="_blank">Blogger</a> fournit plus d'une quinzaine de modèles (template) différents accessibles par <span style="FONT-WEIGHT: bold">Paramètres / Mise en Page / Sélectionner un nouveau modèle<span style="FONT-STYLE: italic"></span></span> :<br /><br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5369167456617348194" title="Blogger - modèles de Blog" border="0" alt="Blogger - modèles de Blog" src="http://3.bp.blogspot.com/_kbpHBa3_G9o/SoMdWs9DvGI/AAAAAAAACSw/ANN9B0EOjYg/s320/modeles.jpg" /><br /><br /><br />Les dimensions proposées consistent en une colonne principale d'environ 410 pixels et une colonne de liens et gadgets d'environ 220 pixels.<br /><br />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.<br /><br /><br /><strong>Sauvegarder le modèle</strong><br /><br />Avant de modifier le modèle, en faire une copie par <span style="FONT-WEIGHT: bold">Paramètres / Mise en Page / Modifier le code HTML<span style="FONT-STYLE: italic"></span></span> et un clic sur <span style="FONT-WEIGHT: bold">Télécharger le modèle dans son intégralité<span style="FONT-STYLE: italic"></span></span>.<br /><br /><br /><a name="sommaire"></a><br /><strong>Sommaire</strong><br /><br /><center><div style="BORDER-BOTTOM: rgb(222,112,8) 2px solid; TEXT-ALIGN: left; BORDER-LEFT: rgb(222,112,8) 2px solid; WIDTH: 28%; BORDER-TOP: rgb(222,112,8) 2px solid; BORDER-RIGHT: rgb(222,112,8) 2px solid"><br /><ul><br /><li><a title="565" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#565">565</a></li><br /><li><a title="897" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#897">897</a></li><br /><li><a title="denim" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#denim">Denim</a></li><br /><li><a title="harbor" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#harbor">Harbor</a></li><br /><li><a title="minima" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#minima">Minima</a></li><br /><li><a title="rounders" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#rounders">Rounders</a></li><br /><li><a title="rounders 2" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#rounders2">Rounders 2</a></li><br /><li><a title="rounders 3" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#rounders3">Rounders 3</a></li><br /><li><a title="rounders 4" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#rounders4">Rounders 4</a></li><br /><li><a title="scribe" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#scribe">Scribe</a></li><br /><li><a title="thisaway" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#thisaway">Thisaway</a></li><br /><li><a title="tic-tac" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#tictac">Tic-tac</a></li><br /></ul><br /></div></center><br /><br /><a name="565"></a><strong>Le Modèle 565 - Douglas Bowman</strong><br /><br /><a title="Modèle 565 - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_565/test-565.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5381428112128263378" title="Modèle 565 - Douglas Bowman" border="0" alt="Modèle 565 - Douglas Bowman" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/Sq6sWx-0xNI/AAAAAAAACYA/IxrMegzdQe0/s320/565-thumb.png" /></a><br /><br /><br />Les dimensions passent de 254 - 460 - 744 à 304 - 610 - 944.<br /><br />Il n'y a pas d'images de fond à modifier.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c12t" class="c_temp" onclick="poke('c12');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c12" ><br />#outer-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">944</span>px; /* 744 */<br />}<br /><br />#main-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">610</span>px; /* 460 */<br />...<br />}<br /><br />#sidebar-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">304</span>px; /* 254 */<br />...<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><br /><a name="897"></a><strong>Le Modèle 897 - Douglas Bowman</strong><br /><br /><a title="Modèle 897 - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_897/test-897.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5369448435218854338" title="Modèle 897 - Douglas Bowman" border="0" alt="Modèle 897 - Douglas Bowman" src="http://1.bp.blogspot.com/_kbpHBa3_G9o/SoQc5zz_McI/AAAAAAAACTQ/jQKnLkD_N_A/s320/897-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 254 - 460 - 744 à 304 - 610 - 944.<br /><br />Il n'y a pas d'images de fond à modifier.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c02t" class="c_temp" onclick="poke('c02');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c02" ><br />#outer-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">944</span>px; /* 744 */<br />}<br /><br />#main-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">610</span>px; /* 460 */<br />...<br />}<br /><br />#sidebar-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">304</span>px; /* 254 */<br />...<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><br /><a name="denim"></a><strong>Le Modèle Denim - Darren Delaye</strong><br /><br /><a title="Modèle Denim - Darren Delaye" href="http://www.liens-du-vin.ch/_pic05/_denim/test-denim.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5372807243062197090" title="Modèle Denim - Darren Delaye" border="0" alt="Modèle Denim - Darren Delaye" src="http://1.bp.blogspot.com/_kbpHBa3_G9o/SpALuKFeO2I/AAAAAAAACUY/8Bnby5XfLmg/s320/denim-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 240 - 464 - 760 à 290 - 614 - 960.<br /><br />Il n'y a pas d'images de fond à modifier.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c11t" class="c_temp" onclick="poke('c11');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c11" ><br />#header<br />{<br />width: <span style="COLOR: rgb(255,0,0)">960</span>px; /* 760 */<br />...<br />}<br /><br />#content-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">960</span>px; /* 760 */<br />...<br />}<br /><br />#main-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">614</span>px; /* 464 */<br />...<br />}<br /><br />#sidebar-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">290</span>px; /* 240 */<br />...<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><br /><a name="harbor"></a><strong>Le Modèle Harbor - Douglas Bowman</strong><br /><br /><a title="Modèle Harbor - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_harbor/test-harbor.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5372523506836919810" title="Modèle Harbor - Douglas Bowman" border="0" alt="Modèle Harbor - Douglas Bowman" src="http://3.bp.blogspot.com/_kbpHBa3_G9o/So8JqiRzVgI/AAAAAAAACUQ/wmgc2mxPtcM/s320/harbor-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 180 - 650 - 890 à 228 - 802 - 1090.<br /><br />Il n'y a pas d'images de fond à modifier.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c10t" class="c_temp" onclick="poke('c10');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c10" ><br />#wrap<br />{<br />...<br />min-width: <span style="COLOR: rgb(255,0,0)">940</span>px; /* 740 */<br />...<br />}<br /><br />#outer-wrapper<br />{<br />max-width: <span style="COLOR: rgb(255,0,0)">1090</span>px; /* 890 */<br />...<br />}<br /><br />#sidebar-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">28%</span>; /* 32% */<br />...<br />}<br /><br />body#layout #sidebar-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">228</span>px; /* 180 */<br />...<br />}<br /><br />body#layout #wrap4, body#layout #outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">802</span>px; /* 650 */<br />}<br /><br />.Header .description<br />{<br />...<br />max-width: <span style="COLOR: rgb(255,0,0)">900</span>px; /* 700 */<br />...<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><a name="minima"></a><strong>Le Modèle Minima - Douglas Bowman</strong><br /><br /><a title="Modèle Minima - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_minima/test-minima.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5369170705707114498" title="Modèle Minima - Douglas Bowman" border="0" alt="Modèle Minima - Douglas Bowman" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/SoMgT0wbIAI/AAAAAAAACTI/2_Zz2hGluhI/s320/minima-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 220 - 410 - 660 / 700 à 270 - 560 - 860 / 900.<br /><br />Il n'y a pas d'images de fond à modifier.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c01t" class="c_temp" onclick="poke('c01');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c01" ><br />#header-wrapper<br />{<br />width:<span style="COLOR: rgb(255,0,0)"> 860</span>px; /* 660 */<br />...<br />}<br /><br />#header .description<br />{<br />...<br />max-width: <span style="COLOR: rgb(255,0,0)">900</span>px; /* 700 */<br />...<br />}<br /><br />#outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">860</span>px; /* 660 */<br />...<br />}<br /><br />#main-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">560</span>px; /* 410 */<br />...<br />}<br /><br />#sidebar-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">270</span>px; /* 220 */<br />...<br />}<br /><br />#footer<br />{<br />width: <span style="color:#ff0000;">860</span>px; /* 660 */<br />...<br />}<br /><br /></div><br /><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><br /><a name="rounders"></a><strong>Le modèle Rounders - Douglas Bowman</strong><br /><br /><a title="Modèle Rounders - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_rounders/test-rounders.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5369456155292408914" title="Modèle Rounders - Douglas Bowman" border="0" alt="Modèle Rounders - Douglas Bowman" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/SoQj7LU9HFI/AAAAAAAACTY/paZaQahvTus/s320/rounders-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br />corners_cap_bot.gif<br />corners_cap_top.gif<br /><br />corners_main_bot.gif<br />corners_main_top.gif<br /><br />corners_prof_bot.gif<br />corners_prof_top.gif<br /><br />corners_side_bot.gif<br />corners_side_top.gif<br /><br />rails_main.gif<br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - rounders.zip" href="http://www.liens-du-vin.ch/_pic05/_rounders/rounders.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c03t" class="c_temp" onclick="poke('c03');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c03" ><br />#outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">940</span>px; /* 740 */<br />...<br />}<br /><br />#main-wrap1<br />{<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />...<br />background:#ffffff url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#main-wrap2<br />{<br />...<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_top.gif") no-repeat left top;<br />...<br />}<br /><br />#main<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/rails_main.gif")<br />...<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />}<br /><br />#sidebar-wrap<br />{<br />width: <span style="COLOR: rgb(255,0,0)">290</span>px; /* 240 */<br />...<br />}<br /><br />.main .widget<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">618</span>px; /* 468 */<br />...<br />}<br /><br />.main .Blog<br />{<br />...<br />width:<span style="COLOR: rgb(255,0,0)"> 634</span>px; /* 484 */<br />}<br /><br />#header-wrapper<br />{<br />background:#445566 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#header<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap<br />{<br />background:#ccddcc url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap2<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap1<br />{<br />background:#ffffff url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap2<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#footer-wrap2<br />{<br />background:#445566 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#footer<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />body#layout #outer-wrapper<br />{<br />width: 930px; /* 730 */<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><a name="rounders2"></a><strong>Le modèle Rounders 2 - Douglas Bowman</strong><br /><br /><a title="Modèle Rounders 2 - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_rounders2/test-rounders2.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5369911201313907826" title="Modèle Rounders 2 - Douglas Bowman" border="0" alt="Modèle Rounders 2 - Douglas Bowman" src="http://1.bp.blogspot.com/_kbpHBa3_G9o/SoXByV205HI/AAAAAAAACTg/defwtLjC6u8/s320/rounders2-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br /><i>consulter la liste des images du modèle Rounders</i><br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - rounders2.zip" href="http://www.liens-du-vin.ch/_pic05/_rounders2/rounders2.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c04t" class="c_temp" onclick="poke('c04');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c04" ><br />#outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">940</span>px; /* 740 */<br />...<br />}<br /><br />#main-wrap1<br />{<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />...<br />background:#ffffff url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#main-wrap2<br />{<br />...<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_top.gif") no-repeat left top;<br />...<br />}<br /><br />#main<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/rails_main.gif") repeat-y left;<br />...<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />}<br /><br />#sidebar-wrap<br />{<br />width: <span style="COLOR: rgb(255,0,0)">290</span>px; /* 240 */<br />...<br />}<br /><br />.main .widget<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">618</span>px; /* 468 */<br />}<br /><br />.main .Blog<br />{<br />width: <span style="COLOR: rgb(255,0,0)">634</span>px; /* 484 */<br />}<br /><br />#header-wrapper<br />{<br />background:#771100 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#header<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap<br />{<br />background:#999999 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_bot.gif") no-repeat left bottom;<br />}<br /><br />#sidebartop-wrap2<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_top.gif") no-repeat left top;<br />}<br /><br />#sidebarbottom-wrap1<br />{<br />background:#ffffff url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap2 {<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#footer-wrap2<br />{<br />background:#771100 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />}<br /><br />#footer<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />body#layout #outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">930</span>px; /* 730 */<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><br /><a name="rounders3"></a><strong>Le modèle Rounders 3 - Douglas Bowman</strong><br /><br /><a title="Modèle Rounders 3 - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_rounders3/test-rounders3.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5370194366886684194" title="Modèle Rounders 3 - Douglas Bowman" border="0" alt="Modèle Rounders 3 - Douglas Bowman" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/SobDUv0VpiI/AAAAAAAACTo/1Nd9KPVVYjM/s320/rounders3-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br /><i>consulter la liste des images du modèle Rounders</i><br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - rounders3.zip" href="http://www.liens-du-vin.ch/_pic05/_rounders3/rounders3.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c05t" class="c_temp" onclick="poke('c05');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c05" ><br />#outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">940</span>px; /* 740 */<br />...<br />}<br /><br />#main-wrap1<br />{<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />...<br />background:#eeeecc url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_bot.gif") no-repeat ...<br />}<br /><br />#main-wrap2<br />{<br />...<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_top.gif") no-repeat left top;<br />...<br />}<br /><br />#main<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/rails_main.gif") repeat-y left;<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />}<br /><br />#sidebar-wrap<br />{<br />width: <span style="COLOR: rgb(255,0,0)">290</span>px; /* 240 */<br />...<br />}<br /><br />.main .widget<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">618</span>px; /* 468 */<br />...<br />}<br /><br />.main .Blog<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">634</span>px; /* 484 */<br />}<br /><br />#header-wrapper<br />{<br />background:#335577 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#header<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap<br />{<br />background:#558866 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap2<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap1<br />{<br />background:#335577 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap2<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#footer-wrap2<br />{<br />background:#335577 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#footer<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />body#layout #outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">930</span>px; /* 730 */<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><a name="rounders4"></a><strong>Le modèle Rounders 4 - Douglas Bowman</strong><br /><br /><a title="Modèle Rounders 4 - Douglas Bowman" href="http://www.liens-du-vin.ch/_pic05/_rounders4/test-rounders4.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5370222846265143762" title="Modèle Rounders 4 - Douglas Bowman" border="0" alt="Modèle Rounders 4 - Douglas Bowman" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/SobdOdxSMdI/AAAAAAAACTw/ChDDtCvGAAM/s320/rounders4-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 240 - 485 - 740 à 290 - 635 - 940.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br />bg_hdr_bot.jpg<br /><br />corners_cap_bot.gif<br />corners_cap_top.gif<br /><br />corners_main_bot.gif<br />corners_main_top.gif<br /><br />corners_prof_bot.gif<br />corners_prof_top.gif<br /><br />corners_side_bot.gif<br />corners_side_top.gif<br /><br />rails_main.gif<br />rails_side.gif<br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - rounders4.zip" href="http://www.liens-du-vin.ch/_pic05/_rounders4/rounders4.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c06t" class="c_temp" onclick="poke('c06');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c06" ><br />#outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">940</span>px; /* 740 */<br />...<br />}<br /><br />#main-wrap1<br />{<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /* 485 */<br />...<br />background:#446666 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#main-wrap2{<br />...<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_main_top.gif") no-repeat left top;<br />...<br />}<br /><br />#main{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/rails_main.gif") repeat-y left;<br />...<br />width: <span style="COLOR: rgb(255,0,0)">635</span>px; /*485 */<br />}<br /><br />#sidebar-wrap<br />{<br />width: <span style="COLOR: rgb(255,0,0)">290</span>px; /* 240 */<br />...<br />}<br /><br />#header-wrapper<br />{<br />background: #476 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#header<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_hdr_bot.jpg") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap<br />{<br />background:#99bb55 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebartop-wrap2<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_prof_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap1<br />{<br />background: #ffffff url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_top.gif") no-repeat left top;<br />...<br />}<br /><br />#sidebarbottom-wrap2<br />{<br />background: url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_side_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />#sidebar<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/rails_side.gif") repeat-y;<br />}<br /><br />#footer-wrap2<br />{<br />background:#447766 url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_top.gif") no-repeat left top;<br />...<br />}<br /><br />#footer<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/corners_cap_bot.gif") no-repeat left bottom;<br />...<br />}<br /><br />body#layout #outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">930</span>px; /* 730 */<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><a name="scribe"></a><strong>Le modèle Scribe - Todd Dominey</strong><br /><br /><a title="modèle Scribe - Todd Dominey" href="http://www.liens-du-vin.ch/_pic05/_scribe/test-scribe.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5370311136012512082" title="Modèle Scribe - Todd Dominey" border="0" alt="Modèle Scribe - Todd Dominey" src="http://1.bp.blogspot.com/_kbpHBa3_G9o/SocthmtZq1I/AAAAAAAACUA/NXPGrJEHulY/s320/scribe-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 150 - 430 - 700 à 250 - 580 - 950.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br />bg_paper_bot.jpg<br />bg_paper_mid.jpg<br />bg_paper_top.jpg<br /><br />divider.gif<br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - scribe.zip" href="http://www.liens-du-vin.ch/_pic05/_scribe/scribe.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c08t" class="c_temp" onclick="poke('c08');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c08" ><br />#outer-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">950</span>px; /* 700 */<br />...<br />}<br /><br />#main-top<br />{<br />width: <span style="COLOR: rgb(255,0,0)">950</span>px; /* 700 */<br />...<br />background:#FFF3DB url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_paper_top.jpg") no-repeat top left;<br />...<br />}<br /><br />#main-bot<br />{<br />width: <span style="COLOR: rgb(255,0,0)">950</span>px; /* 700 */<br />...<br />background:#FFF3DB url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_paper_bot.jpg") no-repeat top left;<br />...<br />}<br /><br />#wrap2<br />{<br />width: <span style="COLOR: rgb(255,0,0)">950</span>px; /* 700 */<br />background:#FFF3DB url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_paper_mid.jpg") repeat-y;<br />...<br />}<br /><br />#main<br />{<br />width: <span style="COLOR: rgb(255,0,0)">580</span>px; /*430 */<br />...<br />}<br /><br />#sidebar<br />{<br />width: <span style="COLOR: rgb(255,0,0)">250</span>px; /* 150 */<br />...<br />}<br /><br />#footer<br />{<br />...<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/divider.gif") no-repeat top left;<br />}<br /><br />#header<br />{<br />background:url("http://<span style="COLOR: rgb(255,0,0)">URL</span>/divider.gif") no-repeat bottom left;<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><a name="thisaway"></a><strong>Le modèle Thisaway - Dan Rubin</strong><br /><br /><a title="Modèle Thisaway - Dan Rubin" href="http://www.liens-du-vin.ch/_pic05/_thisaway/test-thisaway.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5371034734647588018" title="Thisaway - Dan Rubin" border="0" alt="Modèle Thisaway - Dan Rubin" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/Som_olr0NLI/AAAAAAAACUI/B6In1WcWUgI/s320/thisaway-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 269 - 483 - 760 à 319 - 633 - 960.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br />bg_footer_top.gif<br />bg_header_bottom.gif<br /><br />bg_main_wrapper.gif<br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - thisaway.zip" href="http://www.liens-du-vin.ch/_pic05/_thisaway/thisaway.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c09t" class="c_temp" onclick="poke('c09');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c09" ><br />body<br />{<br />...<br />min-width: <span style="COLOR: rgb(255,0,0)">960</span>px; /* 760 */<br />...<br />}<br /><br />#outer-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">960</span>px; /* 760 */<br />...<br />}<br /><br />#header-wrapper<br />{<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_header_bottom.gif) no-repeat left bottom;<br />}<br /><br />#content-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">960</span>px; /* 760 */<br />background: #f7f0e9 url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_main_wrapper.gif) repeat-y left top;<br />}<br /><br />#main-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">633</span>px; /* 483 */<br />...<br />}<br /><br />#sidebar-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">319</span>px; /* 269 */<br />}<br /><br />#footer-wrapper<br />{<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/bg_footer_top.gif) no-repeat left top;<br />...<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><br /><a name="tictac"></a><strong>Le modèle Tic-tac - Dan Cederholm</strong><br /><br /><a title="Modèle Tic-tac - Dan Cederholm" href="http://www.liens-du-vin.ch/_pic05/_tic-tac/test-tic-tac.htm" target="_blank"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 240px; DISPLAY: block; HEIGHT: 180px" id="BLOGGER_PHOTO_ID_5370297385259527458" title="Modèle Tic-tac - Dan Cederholm" border="0" alt="Modèle Tic-tac - Dan Cederholm" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/SochBNKabSI/AAAAAAAACT4/zMd-Z4hji1Q/s320/tic-tac-thumb.jpg" /></a><br /><br /><br />Les dimensions passent de 259 - 460 - 763 à 309 - 580 - 939.<br /><br />Les images de fond doivent être modifiées, quant à leur taille :<br /><br /><div style="BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial" face="Arial sans-serif" size="0.8em"><br />bottom_sash_left.gif<br />bottom_sill.gif<br /><br />sidebar_bg.gif<br /><br />tile_left.gif<br /><br />top_div_left.gif<br />top_h1.gif<br /><br /></div><br /><br />Ces images doivent être enregistrées chez un hébergeur acceptant le format *.gif<br /><br />Elles sont disponibles en <a title="Les Liens du Vin - tic-tac.zip" href="http://www.liens-du-vin.ch/_pic05/_tic-tac/tic-tac.zip" target="_blank">téléchargement sur les Liens du Vin</a>.<br /><br /><br /><strong>Les corrections</strong><br /><br /><div id="c07t" class="c_temp" onclick="poke('c07');">Cliquer pour voir les corrections</div><br /><br /><div style="DISPLAY: none; BACKGROUND: infobackground; -moz-background-inline-policy: -moz-initial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initialfont-size:0.8em;" id="c07" ><br />#outer-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">1020</span>px; /*847 */<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/tile_left.gif) repeat-y;<br />}<br /><br />#content-wrapper<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">939</span>px; /* 763 */<br />}<br /><br />#main<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">580</span>px; /* 460 */<br />}<br /><br />#sidebar<br />{<br />...<br />width: <span style="COLOR: rgb(255,0,0)">309</span>px; /* 259 */<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/sidebar_bg.gif) no-repeat left top;<br />}<br /><br />#header-wrapper<br />{<br />...<br />background: #e0e0e0 url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/top_div_left.gif) no-repeat left top;<br />}<br /><br />#header<br />{<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/_tic-tac/top_h1.gif) no-repeat bottom left;<br />}<br /><br />#footer-wrapper<br />{<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/bottom_sill.gif) no-repeat bottom left;<br />}<br /><br />#footer<br />{<br />...<br />background: url(http://<span style="COLOR: rgb(255,0,0)">URL</span>/bottom_sash_left.gif) no-repeat top left;<br />}<br /><br />body#layout #outer-wrapper, body#layout #content-wrapper<br />{<br />width: <span style="COLOR: rgb(255,0,0)">940</span>px; /* 740 */<br />}<br /><br /></div><br /><ul><li><a title="Sommaire" href="http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.html#sommaire">Retour au sommaire</a></li></ul><br /><br /><strong>Autres Modèles</strong><br /><br />A suivre...<br /><br /><br /><strong>Pour aller plus loin</strong><br /><br />Le <a title="Le Site du Forum d'Aide Google" href="http://sites.google.com/site/forumdaide/accueil" target="_blank">Site du Forum d'Aide Google</a><br /><br />Le <a title="Forum d'aide de Blogger" href="http://www.google.com/support/forum/p/blogger?hl=fr" target="_blank">Forum d'aide de Blogger</a><br /><br />Le <a title="Blog d'aide de Blogger" href="http://aide-blogger-fr.blogspot.com/" target="_blank">Blog d'aide de Blogger</a> </div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-8455280036671822245?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/IRctz_h4alk" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com9http://viti-vino.blogspot.com/2009/08/modifier-modeles-blogger.htmltag:blogger.com,1999:blog-30801821.post-70212528461216589752009-06-21T00:32:00.012+02:002009-06-21T21:16:15.943+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/J417h2brBiuDLCiFB-eKIpGyZMI/0/da"><img src="http://feedads.g.doubleclick.net/~a/J417h2brBiuDLCiFB-eKIpGyZMI/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/J417h2brBiuDLCiFB-eKIpGyZMI/1/da"><img src="http://feedads.g.doubleclick.net/~a/J417h2brBiuDLCiFB-eKIpGyZMI/1/di" border="0" ismap="true"></img></a></p>Le <a title="Lecteur Flash dewplayer" href="http://www.alsacreations.fr/dewplayer" target="_Blank">lecteur Flash Dewplayer</a> permet d'insérer facilement un <a title="lecteur MP3 pour son site ou son blog" href="http://viti-vino.blogspot.com/2008/12/google-maps-dans-les-messages-du-blog.html" target="_blank">lecteur MP3 sur son Blog</a>. La dernière version (1.9 - juillet 2008) permet de <a title="contrôler dewplayer avec javascript" href="http://www.liens-du-vin.ch/sonoriser-images.htm" target="_blank">contrôler le lecteur à l'aide de commandes javascript</a>.<br /><br />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.<br /><br />Il faut donc utiliser une autre technique pour contrôler dewplayer sur Blogger. Nous allons insérer le lecteur par une balise &lt;object&gt;, puis utiliser le <a title="Modèle DOM innerHTML" href="http://www.w3schools.com/htmldom/prop_anchor_innerhtml.asp" target="_blank">modèle DOM (innerHTML)</a> pour modifier dynamiquement le lecteur dewplayer.<br /><br /><br /><strong>La position du lecteur</strong><br /><br />Créons un bloc div qui recevra de façon dynamique le lecteur dewplayer :<br /><br /><div style="BACKGROUND: infobackground"><br />&lt;div id="<span style="color:#993399;"><strong>my_dewplayer</strong></span>"&gt;&lt;/div&gt;<br /><br /></div><br /><br /><br /><strong>Le code pour insérer le lecteur</strong><br /><br />Utilisons le code fourni par dewplayer, et créons une fonction Play ainsi qu'une fonction Stop (à saisir sans retour à la ligne) :<br /><br /><div style="BACKGROUND: infobackground"><br />&lt;script type="text/javascript"&gt;<br /><br />function Play(s_son)<br />{<br />var s_html = "&lt;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'<br />id='dewplayer' align='middle'&gt;&lt;param name='allowScriptAccess' value='always' /&gt;<br />&lt;param name='movie' value='<span style="color:#ff0000;"><strong>URL lecteur dewplayer (dewplayer.swf)</strong></span>?mp3=" + s_son + "&amp;autostart=1' /&gt;<br />&lt;param name='quality' value='high' /&gt;<br />&lt;param name='bgcolor' value='#ffffff' /&gt;<br />&lt;param name='wmode' value='transparent' /&gt;<br />&lt;embed src='<strong><span style="color:#ff0000;">URL lecteur dewplayer (dewplayer.swf)</span></strong>?mp3=" + s_son + "&amp;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' &gt;&lt;/embed&gt;&lt;/object&gt;";<br /><br />document.getElementById("<span style="color:#cc33cc;"><strong>my_dewplayer</strong></span>").innerHTML = s_html;<br />}<br /><br />function Stop()<br />{<br />document.getElementById("<span style="color:#cc33cc;"><strong>my_dewplayer</strong></span>").innerHTML = "";<br />}<br /><br />&lt;/script&gt;<br />&lt;noscript&gt;Activer javascript pour utiliser le lecteur Flash dewplayer&lt;/noscript&gt;<br /><br /></div><br />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.<br /><br /><br /><strong>L'appel d'une fonction sur l'image</strong><br /><br />Il suffit d'inclure un attribut onclick qui appelle la fonction Play, avec comme argument le fichier MP3 à jouer :<br /><br /><div style="BACKGROUND: infobackground"><br />&lt;img src="URL image"<br />onclick="Play('<strong><span style="color:#ff0000;">URL fichier </span><span style="color:#ff0000;">MP3</span></strong><span style="color:#ff0000;">'</span>);"<br />title="titre" alt="alt" style="cursor: pointer;" /&gt;<br /><br /></div><br /><br />Pour arrêter, il faut appeler la fonction Stop :<br /><br /><div style="BACKGROUND: infobackground"><br />&lt;img src="URL image"<br />onclick="Stop();"<br />title="titre" alt="alt" style="cursor: pointer" /&gt;<br /><br /></div><br /><br /><br /><strong>Le Résultat</strong><br /><br />Un clic sur les 2 premières images appelle la fonction Play. Un clic sur la dernière image termine la diffusion du son.<br /><br /><center><br /><img title="Carl Orff - Carmina O Fortuna" style="CURSOR: pointer" onclick="Play('http://www.liens-du-vin.ch/_files/carl_orff_carmina_o_fortuna.mp3');" src="http://www.liens-du-vin.ch/_pic061/flash-playlist-thumb.png" /><img title="Bach - Glora Patri" style="MARGIN-LEFT: 3px; CURSOR: pointer" onclick="Play('http://www.liens-du-vin.ch/_files/bach_243_gloria_patri.mp3');" src="http://www.liens-du-vin.ch/_wine-pictures/ascreen.jpg" /><img title="Stop" style="MARGIN-LEFT: 3px; CURSOR: pointer" onclick="Stop();" src="http://www.liens-du-vin.ch/_pic062/logo-annuairevin.jpg" /><br /></center><br /><br /><br /><div id="my_dewplayer"></div><br /><br /><strong>Plus d'informations</strong><br /><br /><a title="Contrôler dewplayer avec javascript" href="http://www.liens-du-vin.ch/sonoriser-images.htm" target="_blank">Contrôler dewplayer avec javascript</a><br /><br />Utiliser <a title="Utiliser dewplayer avec Google Sites" href="http://sites.google.com/site/annuairevin/playing-sounds-in-google-sites" target="_blank">dewplayer avec Google Sites</a><br /><br /><br /><script type="text/javascript">function Play(s_son){var s_html = "<object align='middle' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' height='1' id='dewplayer' width='1'><param name='allowScriptAccess' value='always' /><param name='movie' value='http://www.liens-du-vin.ch/_files/dewplayer.swf?mp3=" + s_son + "&amp;autostart=1' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><param name='wmode' value='transparent' /><embed align='middle' allowscriptaccess='always' bgcolor='#ffffff' height='1' name='dewplayer' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='http://www.liens-du-vin.ch/_files/dewplayer.swf?mp3=" + s_son + "&amp;autostart=1' type='application/x-shockwave-flash' width='1' wmode='transparent'></embed></object>"; document.getElementById("my_dewplayer").innerHTML = s_html;} function Stop(){document.getElementById("my_dewplayer").innerHTML = "";}</script><noscript>Activez javascript pour utiliser dewplayer</noscript><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-7021252846121658975?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/-jJ4LvOCZAo" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com2http://viti-vino.blogspot.com/2009/06/sonoriser-ses-images-avec-dewplayer.htmltag:blogger.com,1999:blog-30801821.post-84420422263879124502008-12-26T22:37:00.020+01:002009-05-20T21:12:36.950+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/Qvk5pA_r3wT-Tx-gGVXIdicq3xk/0/da"><img src="http://feedads.g.doubleclick.net/~a/Qvk5pA_r3wT-Tx-gGVXIdicq3xk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/Qvk5pA_r3wT-Tx-gGVXIdicq3xk/1/da"><img src="http://feedads.g.doubleclick.net/~a/Qvk5pA_r3wT-Tx-gGVXIdicq3xk/1/di" border="0" ismap="true"></img></a></p><strong>Placer une carte personnalisée sur son blog</strong><br /><br /><strong>Une carte issue de Google Maps</strong><br /><br /><a title="Google Maps" href="http://maps.google.com/" target="_blank">Google Maps</a> permet d'ajouter simplement une carte sur son blog, en fournissant le code d'un iframe à incorporer :<br /><br /><div style="background: infobackground none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />&lt;iframe width="400" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.ch/maps/ms?<br />hl=fr<br />&amp;ie=UTF8<br />&amp;msa=0<br />&amp;msid=102376698569738400439.00000111d2005a39e06c2<br />&amp;t=h<br />&amp;s=AARTsJoERmiSUDc8L4YqP7WO7U9ZWdGQFw<br />&amp;ll=46.461098,6.3950<br />&amp;spn=0.020693,0.036455<br />&amp;z=14<br />&amp;output=embed"&gt;<br />&lt;/iframe&gt;<br /><br /></div><br /><br /><br /><div style="text-align: center;"><br /><iframe src="http://maps.google.ch/maps/ms?hl=fr&amp;ie=UTF8&amp;msa=0&amp;msid=102376698569738400439.00000111d2005a39e06c2&amp;t=h&amp;s=AARTsJoERmiSUDc8L4YqP7WO7U9ZWdGQFw&amp;ll=46.461098,6.3950&amp;spn=0.020693,0.036455&amp;z=14&amp;output=embed" aloowtransparency="true" frameborder="0" height="350" scrolling="no" width="400"></iframe><br /></div><div style="text-align: center;"><a title="Château Allaman" href="http://www.chateau-allaman.ch/" target="_blank"><span style="font-size:85%;">Château d'Allaman</span></a><span style="font-size:85%;"><br /></span></div><br /><br />Les <a title="Google Maps - paramètres" href="http://mapki.com/index.php?title=Google_Map_Parameters" target="_blank">paramètres du iframe</a> peuvent être adaptés.<br /><br /><br /><br /><strong>Une carte personnalisée</strong><br /><br />Il est possible de personnaliser une carte en utilisant les <a title="Google Maps API" href="http://code.google.com/intl/eng-USA/apis/maps/documentation/index.html" target="_blank">API de Google Maps</a>. Malheureusement, il faut obtenir une <a title="Get an API key - Google Maps" href="http://code.google.com/intl/eng-USA/apis/maps/signup.html" target="_blank">clé API</a> propre à son site ou son blog.<br /><br />En insérant un <strong>Gadget Google</strong>, il n'est pas nécessaire d'obtenir une clé API. En suivant la technique décrite sur le <a href="http://aide-blogger-fr.blogspot.com/2008/11/inserer-un-gadget-google-dans-le-corps.html" target="_blank" title="Blog Aide pour Blogger - Un gadget dans le corps du message">Blog d'Aide pour Blogger</a>, l'insertion d'une carte personnalisée est très simple. J'utilise le gadget suivant :<br /><br /><br /><br /><div style="text-align: center;"><span style="font-size:85%;">400 x 620 (max)</span><br /><br /><a title="google-maps-api-blog.xml" style="border: 0px none ;" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/google-maps-api-blog.xml" target="_blank"><img title="google-maps-api-blog.xml" style="border: 0px none ;" alt="google-maps-api-blog.xml" src="http://www.liens-du-vin.ch/_pic061/google-maps-thumb.png" /></a></div><br /><div style="text-align: center;"><a title="Google Gadget - Google Maps API" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/google-maps-api-blog.xml" target="_blank"><span style="font-size:78%;">google-maps-api-blog.xml</span></a></div><div style="margin-top: 10px; text-align: center;"> </div><br /><br />Le résultat, la <strong>carte de Chamoson (Valais)</strong> :<br /><br /><div style="text-align: center;"><iframe style="width: 400px; height: 600px;" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/google-maps-api-blog.xml&amp;up_Titre=Chamoson%20Valais%20-%20vignes%20en%20terrasses&amp;up_Texte=Chamoson%20Valais%20Suisse&amp;up_Link=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fmaps-chamoson.htm&amp;up_Kml=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fcarte-chamoson.kml&amp;up_Lat=46.184539&amp;up_Lng=7.230567&amp;up_Zoom=13&amp;up_BackCol=%23f6f6f6&amp;synd=open&amp;h=600" frameborder="0" scrolling="no"></iframe><br /><a title="Cave St-Pierre Chamoson" href="http://www.saintpierre.ch/" target="_blank"><span style="font-size:85%;">Cave St-Pierre Chamoson</span></a><br /></div><br /><br /><strong></strong><br /><strong>Une carte statique</strong><br /><br /><br /><br />Une <a title="Static Maps" href="http://code.google.com/intl/eng-USA/apis/maps/documentation/staticmaps/" target="_blank">carte statique</a> est l'image d'une carte. L'<a title="Static Maps - Google Wizard" href="http://gmaps-samples.googlecode.com/svn/trunk/simplewizard/makestaticmap.html" target="_blank">assistant de Google</a> permet de créer rapidement une carte :<br /><br /><br /><div style="text-align: center;"><img title="Chamoson Valais Suisse" style="border: 2px solid rgb(204, 0, 0);" alt="Chamoson Valais Suisse" src="http://maps.google.com/staticmap?center=46.183634,7.226129&amp;markers=46.183961,7.229347,red&amp;zoom=15&amp;size=400x300&amp;key=ABQIAAAABCunpmx8ZlrsLjzqX80-QRT-9i1Z3Pq2IZZkKJxq078cMhvccxTs27cflCaqWo0IxuOwePiF_-hAwg" /></div><div align="center"><br /><a title="Cave St-Pierre - Chamoson Valais" href="http://www.saintpierre.ch/" target="_blank"><span style="font-size:85%;">Cave St-Pierre - Chamoson Valais</span></a></div><br /><br />Pour afficher une carte statique sur son blog, il faut indiquer la <a href="http://code.google.com/intl/eng-USA/apis/maps/signup.html" target="_blank" title="clé API - Google Maps">clé API</a> de ce blog.<br /><br /><strong>Plus d'informations</strong><br /><br /><a title="Géolocaliser les messages du blog" href="http://aide-blogger-fr.blogspot.com/2009/02/geolocaliser-les-messages-du-blog.html" target="_blank">Géolocaliser les messages du blog</a>. Le blog sur la carte.<br /><br /><a title="Des Gadgets pour son Blog" href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog.html" target="_blank">Des gadgets pour son Blog</a>.<br /><br /><a title="Insérer un Gadget dans le corps du message" href="http://aide-blogger-fr.blogspot.com/2008/11/inserer-un-gadget-google-dans-le-corps.html" target="_blank">Insérer un gadget dans le corps du message</a>.<div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-8442042226387912450?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/TMlf7xvROQM" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2008/12/google-maps-dans-les-messages-du-blog.htmltag:blogger.com,1999:blog-30801821.post-73711743613824335612008-12-21T20:48:00.033+01:002009-05-24T23:13:17.662+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/oraPjXwsC5883xD-4ppVCbDlCPU/0/da"><img src="http://feedads.g.doubleclick.net/~a/oraPjXwsC5883xD-4ppVCbDlCPU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/oraPjXwsC5883xD-4ppVCbDlCPU/1/da"><img src="http://feedads.g.doubleclick.net/~a/oraPjXwsC5883xD-4ppVCbDlCPU/1/di" border="0" ismap="true"></img></a></p><div style="font-family: verdana;">La suite de l'article <a href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog.html" title="Gadgets pour son blog">Des Gadgets pour son Blog</a></div><br /><br /><hr style="font-family:verdana;"><br /><span style="font-weight: bold;font-family:verdana;" >5 secondes pour ajouter un diaporama de Flickr</span><br /><br /><a style="font-family: verdana;" href="http://www.flickr.com/" target="_blank" title="Diaporama - Flickr">Flickr</a><span style="font-family:verdana;"> fournit un Diaporama de 500 par 500 pixels. L'identifiant à fournir permet d'afficher les photos d'un utilisateur, d'un groupe ou d'un ensemble d'images. L'outil </span><a style="font-family: verdana;" href="http://idgettr.com/" target="_blank" title="idGettr">idGettr</a><span style="font-family:verdana;"> permet de trouver l'identifiant </span><span style="font-weight: bold;font-family:verdana;" >Flickr</span><span style="font-family:verdana;"> à partir d'un nom d'utilisateur.</span><br /><br /><div style="text-align: center;font-family:verdana;"><br /><iframe allowtransparency="true" scrolling="no" frameborder="0" width="500" height="500" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flickr-slideshow.xml&up_Pictures=Set&up_Id=72157609076361497&synd=open">Afficher un diaporama de Flickr sur son site ou son blog</iframe><br /></div><br /><div style="text-align: center; margin-top: 15px; font-family: verdana;"><a href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flickr-slideshow.xml" style="border: 0px none ; text-decoration: none;" target="_blank" title="Flickr Slideshow"><img alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" title="Ajouter ce gadget à Google" width="104" border="0" height="17" /></a></div><br /><div face="verdana" style="text-align: center;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flickr-slideshow.xml" style="border: 0px none ;" target="_blank" title="flickr-slideshow.xml"><img alt="flickr-slideshow.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" style="border: 0px none ;" title="flickr-slideshow.xml" /></a></div><br /><div face="verdana" style="text-align: center;"><span style="font-size:78%;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flickr-slideshow.xml" target="_blank" title="Google Gadget - Flickr Slideshow">flickr-slideshow.xml</a></span></div><br /><br /><hr style="font-family:verdana;"><br /><span style="font-weight: bold;font-family:verdana;" ><br />Un Diaporama de </span><a style="font-weight: bold; font-family: verdana;" href="http://www.photobucket.com/" target="_blank" title="Diaporama - Photobucket">Photobucket</a><span style="font-weight: bold;font-family:verdana;" >, à partir du flux média RSS.</span><br /><br /><span style="font-family:verdana;">Il suffit d'indiquer l'</span><span style="font-weight: bold;font-family:verdana;" >URL du flux média</span><span style="font-family:verdana;"> comme valeur du paramètre </span><span style="font-weight: bold;font-family:verdana;" >File</span><span style="font-family:verdana;"> :</span><br /><br /><div style="background: infobackground none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: verdana;"><br />http://feed266.photobucket.com/albums/ii244/prac53/henri-de-villamont/feed.rss<br /><br /></div><br /><br /><div face="verdana" style="text-align: center;"><br /><iframe src="http://70.gmodules.com/ig/ifr?mid=70&amp;synd=open&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F108621208120033273647%2Fphotobucket-gadget.xml&amp;up_File=http://feed266.photobucket.com/albums/ii244/prac53/henri-de-villamont/feed.rss&amp;up_Link=http%3A%2F%2Fwww.hdv.fr&amp;up_Titre=Henri%20de%20Villamont%20-%20Bourgogne&amp;up_Textcol=%239e5205&amp;up_TextBcol=%23f6f6f6&amp;up_Bordercol=%238e7c6a&amp;up_SlideBcol=%23f6f6f6&amp;up_BoxBcol=%23f6f6f6" allowtransparency="true" style="width: 440px; height: 390px;" scrolling="no" frameborder="0"></iframe></div><br /><div style="text-align: center; margin-top: 15px; font-family: verdana;"><a href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget.xml" style="border: 0px none ; text-decoration: none;" target="_blank" title="Photobucket - Flux Media RSS"><img alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" title="Ajouter ce gadget à Google" width="104" border="0" height="17" /></a></div><br /><div style="text-align: center; font-family: verdana;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget.xml" style="border: 0px none ;" target="_blank" title="photobucket-gadget.xml"><img alt="photobucket-gadget.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" style="border: 0px none ;" title="photobucket-gadget.xml" /></a></div><br /><div style="text-align: center; font-family: verdana;"><span style="font-size:78%;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget.xml" target="_blank" title="Google Gadget - Diaporama / Slideshow Flux Media RSS">photobucket-gadget.xml</a></span></div><br /><br /><hr style="font-family:verdana;"><br /><span style="font-weight: bold;font-family:verdana;" ><br />Les News de Yahoo</span><br /><br /><span style="font-weight: bold;font-family:verdana;" >Yahoo</span><span style="font-family:verdana;"> publie un </span><span style="font-weight: bold;font-family:verdana;" >Flux Media RSS</span><span style="font-family:verdana;"> avec les photos de ses News. Il suffit d'indiquer la </span><span style="font-weight: bold;font-family:verdana;" >catégorie</span><span style="font-family:verdana;"> désirée comme paramètre :</span><br /><br /><div style="text-align: center; font-family: verdana;"><br /><iframe src="http://70.gmodules.com/ig/ifr?mid=70&amp;synd=open&amp;url=http%3A%2F%2Fhosting.gmodules.com/ig/gadgets/file/108621208120033273647/yahoo-news-gadget.xml&amp;up_Link=http://news.yahoo.com&amp;up_Titre=Yahoo%20News&amp;up_Textcol=%239e5205&amp;up_TextBcol=%23f6f6f6&amp;up_Bordercol=%238e7c6a&amp;up_SlideBcol=%23f6f6f6&amp;up_BoxBcol=%23f6f6f6&amp;up_Category=Technology%20%281216%29" allowtransparency="true" style="width: 280px; height: 240px;" scrolling="no" frameborder="0"></iframe><br /></div><br /><div style="text-align: center; margin-top: 15px; font-family: verdana;"><a href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/yahoo-news-gadget.xml" style="border: 0px none ; text-decoration: none;" target="_blank" title="Yahoo News - Flux Media RSS"><img alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" title="Ajouter ce gadget à Google" width="104" border="0" height="17" /></a></div><br /><div style="text-align: center; font-family: verdana;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/yahoo-news-gadget.xml" style="border: 0px none ;" target="_blank" title="yahoo-news-gadget.xml"><img alt="yahoo-news-gadget.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" style="border: 0px none ;" title="yahoo-news-gadget.xml" /></a></div><span style="font-size:78%;"><br /></span><div style="text-align: center; font-family: verdana;"><span style="font-size:78%;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/yahoo-news-gadget.xml" target="_blank" title="Yahoo News - Diaporama / Slideshow Media RSS Feed from Yahoo">yahoo-news-gadget.xml</a></span></div><br /><br /><hr style="font-family:verdana;"><br /><span style="font-weight: bold;font-family:verdana;" ><br />Un diaporama en flash de </span><a style="font-weight: bold; font-family: verdana;" href="http://www.slide.com/" target="_blank" title="Diaporama Flash de Slide.com">Slide.com</a><br /><br /><span style="font-family:verdana;">A partir du code fournit par </span><span style="font-weight: bold;font-family:verdana;" >slide.com</span><span style="font-family:verdana;">, conserver les valeurs des attributs </span><span style="font-weight: bold;font-family:verdana;" >data</span><span style="font-family:verdana;"> et </span><span style="font-weight: bold;font-family:verdana;" >value</span><span style="font-family:verdana;"> :</span><br /><br /><div style="background: infobackground none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;font-family:verdana;"><br /><span style="font-weight: bold;">Data</span> : <span style="font-weight: bold; color: rgb(0, 204, 204);">http://widget-6d.slide.com/widgets/slideticker.swf</span><br /><br /><span style="font-weight: bold;">Value</span> : <span style="font-weight: bold; color: rgb(255, 102, 0);">cy=ms&amp;il=1&amp;channel=2738188573457868909&amp;site=widget-6d.slide.com</span><br /><br /></div><br /><br /><span style="font-family:verdana;">Ce qui permet de définir le paramètre File du gadget :</span><br /><br /><div style="background: infobackground none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;font-family:verdana;"><br /><span style="font-weight: bold; color: rgb(0, 204, 204);">http://widget-6d.slide.com/widgets/slideticker.swf</span><span style="font-weight: bold; color: rgb(0, 153, 0);">?</span><span style="font-weight: bold; color: rgb(255, 102, 0);">cy=ms&amp;il=1&amp;channel=2738188573457868909&amp;site=widget-6d.slide.com</span><br /><br /></div><br /><br /><div style="text-align: center; font-family: verdana;"><br /><iframe src="http://105.gmodules.com/ig/ifr?mid=105&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F108621208120033273647%2Fflash_slideshow.xml&amp;up_File=http%3A%2F%2Fwidget-6d.slide.com%2Fwidgets%2Fslideticker.swf%3Fcy%3Dms%26amp%3Bil%3D1%26amp%3Bchannel%3D2738188573457868909%26amp%3Bsite%3Dwidget-6d.slide.com&amp;up_Photo=http%3A%2F%2Fi266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fchateau_maison_blanche.jpg&amp;up_Titre=Ch%C3%A2teau%20Maison-Blanche&amp;up_Link=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fmaps_yvorne.htm&amp;up_Subtitle=%20Swiss%20Wineries&amp;up_Sublink=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fmaps-clos-domaines-chateaux.htm&amp;up_Buttoncol=%23f5e39e&amp;up_Backcol=%23f6f6f6" allowtransparency="true" style="width: 452px; height: 350px;" scrolling="no" frameborder="0"></iframe><br /></div><br /><div style="text-align: center; font-family: verdana;"><a href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" style="border: 0px none ; text-decoration: none;" target="_blank" title="Flash Slideshow"><img alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" title="Ajouter ce gadget à Google" width="104" border="0" height="17" /></a></div><br /><br /><div style="text-align: center; font-family: verdana;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" style="border: 0px none ;" target="_blank" title="flash_slideshow.xml"><img alt="flash_slideshow.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" style="border: 0px none ;" title="flash_slideshow.xml" /></a></div><div style="text-align: center; font-family: verdana;"> </div><br /><div style="text-align: center; font-family: verdana;"><span style="font-size:78%;"><a href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank" title="Google Gadget - Flash Slideshow de slide.com">flash_slideshow.xml</a></span></div><br /><br /><br /><hr style="font-family:verdana;"><br /><span style="font-weight: bold;font-family:verdana;" ><br />Plus d'informations</span><br /><br /><span style="font-family:verdana;">La </span><a style="font-family: verdana;" href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog.html" title="Des Gadgets pour son Blog">première partie de l'article</a><span style="font-family:verdana;"> (fichiers MP3 et Vidéos)</span><br /><br /><span style="font-family:verdana;">Les </span><a style="font-family: verdana;" title="Les gadgets sur Google Sites" href="http://sites.google.com/site/annuairevin/tips-and-tricks-for-google-sites" target="_blank">gadgets sur Google Sites</a><br /><br /><span style="font-family:verdana;">Créer son </span><a style="font-family: verdana;" title="Créer son propre gadget" href="http://www.google.com/intl/fr/apis/gadgets/index.html" target="_blank">propre gadget</a><br /><br /><span style="font-family:verdana;">Placer </span><a style="font-family: verdana;" title="Placer des gadgets dans les éléments de la page" href="http://aide-blogger-fr.blogspot.com/2008/11/placer-des-gadgets-dans-les-lments-de.html" target="_blank">des gadgets dans les éléments de la page</a><br /><br /><span style="font-family:verdana;">Insérer un </span><a style="font-family: verdana;" title="Insérer un gadget dans le corps du message" href="http://aide-blogger-fr.blogspot.com/2008/11/inserer-un-gadget-google-dans-le-corps.html" target="_blank">gadget dans le corps du message</a><br /><br /><hr /><br /><span style="font-size:1;">© Copyright photos : <a href="http://www.diapo.ch/" title="Regis Columbo - Diapo.ch" target="_blank">Regis Columbo</a>, <a href="http://www.c-d-c.ch/" target="_blank" title="Clos Domaines et Châteaux - la noblesse des vins suisses">Clos Domaines et Châteaux</a> et <a href="http://www.hdv.fr/" target="_blank" title="Henri de Villamont SAS">Henri de Villamont SAS</a></span><br /><br /><hr /><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-7371174361382433561?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/a_B4bjxyQ4o" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com3http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog-2.htmltag:blogger.com,1999:blog-30801821.post-33308649008167922262008-12-21T16:04:00.041+01:002009-08-26T23:18:56.090+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/O3uzFOs6YZAYOHTvo4BVoud5JWo/0/da"><img src="http://feedads.g.doubleclick.net/~a/O3uzFOs6YZAYOHTvo4BVoud5JWo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/O3uzFOs6YZAYOHTvo4BVoud5JWo/1/da"><img src="http://feedads.g.doubleclick.net/~a/O3uzFOs6YZAYOHTvo4BVoud5JWo/1/di" border="0" ismap="true"></img></a></p><span style="FONT-WEIGHT: bold;font-family:verdana;" >Quelques gadgets</span><br /><br /><span style="font-family:verdana;">Un </span><a title="Gadget Google" style="FONT-FAMILY: verdana" href="http://www.google.com/ig/directory?hl=fr&amp;synd=open" target="_blank">Gadget Google</a><span style="font-family:verdana;"> est une page xml dont le code exécutable est hébergé par Google. Ce code reçoit les paramètres du gadget définis par l'utilisateur.</span><br /><br /><span style="font-family:verdana;">Blogger permet d'ajouter très simplement un gadget dans les éléments de la page (Paramètres / Mise en page / Eléments de la page / Ajouter un gadget).<br /><br />Blogger propose une vingtaine de gadgets (liste de blog, diaporama, archives, conteneur pour javascript, etc...). Il est possible d'ajouter son propre gadget en utilisant le lien <span style="FONT-WEIGHT: bold; FONT-STYLE: italic">Ajouter votre propre (...gadget)</span>. Il suffit d'indiquer l'adresse URL du gadget.</span><br /><br /><span style="font-family:verdana;">Pour ajouter un gadget dans le corps du message, il faut insérer un <span style="FONT-WEIGHT: bold; FONT-STYLE: italic">tag iframe</span> dans le code HTML du message. Le </span><a title="Insérer un gadget Google dans le corps du message" style="FONT-FAMILY: verdana" href="http://aide-blogger-fr.blogspot.com/2008/11/inserer-un-gadget-google-dans-le-corps.html" target="_blank">Blog d'aide pour Blogger</a><span style="font-family:verdana;"> donne toutes les indications nécessaires pour définir la source du iframe à partir de l'adresse du gadget.</span><br /><br /><span style="FONT-WEIGHT: bold;font-family:verdana;" >Fichiers audio - Lecteur MP3</span><br /><br /><hr style="font-family:verdana;"><br /><span style="font-family:verdana;">Le lecteur flash </span><a title="Dewplayer - un lecteur MP3 pour le Web" style="FONT-FAMILY: verdana" href="http://www.alsacreations.fr/dewplayer" target="_blank">Dewplayer</a><span style="font-family:verdana;">, un lecteur MP3 pour le Web :</span><br /><br /><div style="TEXT-ALIGN: center;font-family:verdana;" ><br /><iframe style="WIDTH: 220px; HEIGHT: 30px" src="http://28.gmodules.com/ig/ifr?mid=28&amp;synd=open&amp;url=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_dewplayer.xml&amp;up_File=http://www.liens-du-vin.ch%2F_files%2Fdewplayer.swf?mp3=http://sites.google.com/site/annuairevin/files/carl_orff_carmina_o_fortuna.mp3&amp;volume=80&amp;showtime=1&amp;bgcolor=c3d9ff&amp;up_Backcol=%23f6f6f6" frameborder="0" scrolling="no"></iframe></div><br /><div style="MARGIN-TOP: 15px; FONT-FAMILY: verdana; TEXT-ALIGN: center"><a title="Dewplayer - Un lecteur MP3 pour le Web" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none" href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_dewplayer.xml" target="_blank"><img title="Ajouter ce gadget à Google" height="17" alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" width="104" border="0" /></a></div><br /><br /><div style="TEXT-ALIGN: center" face="verdana"><a title="flash_dewplayer.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_dewplayer.xml" target="_blank"><img title="flash_dewplayer.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" alt="flash_dewplayer.xml" src="http://www.liens-du-vin.ch/_pic061/dewplayer-flash-player.png" /></a></div><br /><div style="TEXT-ALIGN: center"><span style="font-size:78%;"><a title="Google Gadget - Lecteur Dewplayer" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_dewplayer.xml" target="_blank">flash_dewplayer.xml</a></span></div><div style="MARGIN-TOP: 15px; FONT-FAMILY: verdana; TEXT-ALIGN: center"></div><br /><hr style="font-family:verdana;"><br /><span style="font-family:verdana;"><span style="FONT-WEIGHT: bold">MP3 Google Reader</span> : un lecteur MP3 de Google (Flash), disponible à cette adresse :</span><br /><br /><div style="BACKGROUND: infobackground 0% 50%; FONT-FAMILY: verdana; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial"><br />http://mail.google.com/mail/html/audio.swf<br /><br /></div><br /><span style="font-family:verdana;">Pour l'utiliser sur son blog, un simple <span style="FONT-WEIGHT: bold; FONT-STYLE: italic">lecteur Flash</span> suffit. Comme paramètre du gadget, donner l'adresse du lecteur suivie de l'adresse du fichier MP3. Ajouter <span style="FONT-WEIGHT: bold">autoPlay=true</span> pour démarrer la lecture automatiquement :</span><br /><br /><div style="BACKGROUND: infobackground 0% 50%; FONT-FAMILY: verdana; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial"><br />http://mail.google.com/mail/html/audio.swf?audioUrl=URL_of_MP3&amp;autoPlay=true<br /><br /></div><br /><br /><div style="TEXT-ALIGN: center" face="verdana"><br /><iframe style="WIDTH: 400px; HEIGHT: 30px" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml&amp;up_File=http%3A%2F%2Fwww.liens-du-vin.ch%2F_files%2Fgoogle-audio.swf%3FaudioUrl%3Dhttp%3A%2F%2Fsites.google.com%2Fsite%2Fannuairevin%2Ffiles%2Fbach_243_gloria_patri.mp3&amp;up_FlashWidth=400&amp;up_FlashHeight=27&amp;up_ContainerCol=%23f6f6f6" frameborder="0" scrolling="no"></iframe></div><br /><div style="MARGIN-TOP: 15px; FONT-FAMILY: verdana; TEXT-ALIGN: center"><a title="Lecteur MP3 de Google - Flash Player" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none" href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml" target="_blank"><img title="Ajouter ce gadget à Google" height="17" alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" width="104" border="0" /></a> </div><br /><br /><div style="TEXT-ALIGN: center" face="verdana"><a title="flash_container.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml" target="_blank"><img title="flash_container.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 120px; BORDER-BOTTOM: 0px; HEIGHT: 90px" alt="flash_container.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" /></a> </div><span style="font-size:78%;"><br /></span><div style="TEXT-ALIGN: center"><span style="font-size:78%;"><a title="Lecteur MP3 de Google - Flash Player" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_container.xml" target="_blank">flash_container.xml</a></span></div><div style="MARGIN-TOP: 15px; FONT-FAMILY: verdana; TEXT-ALIGN: center"></div><br /><hr style="font-family:verdana;"><br /><br /><a title="ODEO - podcast et MP3" style="FONT-WEIGHT: bold; FONT-FAMILY: verdana" href="http://www.odeo.com/" target="_blank">ODEO</a><span style="FONT-WEIGHT: bold;font-family:verdana;" > : Un lecteur Flash.</span><br /><br /><span style="font-family:verdana;">Le gadget offre le choix entre 2 présentations (</span><span lang="en" style="font-family:verdana;">skin</span><span style="font-family:verdana;">). Indiquer l'URL du <span style="FONT-WEIGHT: bold">fichier MP3</span> comme paramètre :</span><br /><br /><br /><div style="TEXT-ALIGN: center" face="verdana"><br /><iframe style="WIDTH: 300px; HEIGHT: 52px" src="http://134.gmodules.com/ig/ifr?mid=134&amp;synd=open&amp;url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/odeo-flash-player.xml&amp;up_File=http%3A%2F%2Fwww.liens-du-vin.ch/_files/bach_243_gloria_patri.mp3&amp;up_AutoPlay=no&amp;up_Skin=Gray%20-%20Black&amp;up_ContainerCol=%23f6f6f6" frameborder="0" scrolling="no"></iframe></div><br /><div style="MARGIN-TOP: 20px; FONT-FAMILY: verdana; TEXT-ALIGN: center"><br /><iframe class="igm" style="WIDTH: 300px; HEIGHT: 52px" src="http://191.gmodules.com/ig/ifr?mid=191&amp;synd=open&amp;url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/odeo-flash-player.xml&amp;up_File=http%3A%2F%2Fwww.liens-du-vin.ch/_files/carl_orff_carmina_o_fortuna.mp3&amp;up_AutoPlay=no&amp;up_Skin=Pink%20-%20Gray&amp;up_ContainerCol=%23f6f6f6" frameborder="0" scrolling="no"></iframe></div><br /><div style="MARGIN-TOP: 15px; FONT-FAMILY: verdana; TEXT-ALIGN: center"><a title="ODEO - Flash Player" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none" href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/odeo-flash-player.xml" target="_blank"><img title="Ajouter ce gadget à Google" height="17" alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02//add-to-google.gif" width="104" border="0" /></a> </div><br /><br /><div style="TEXT-ALIGN: center" face="verdana"><a title="odeo-flash-player.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/odeo-flash-player.xml" target="_blank"><img title="odeo-flash-player.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" alt="odeo-flash-player.xml" src="http://www.liens-du-vin.ch/_pic061/odeo-flash-thumb.png" /></a></div><br /><div style="TEXT-ALIGN: center" face="verdana"><span style="font-size:78%;"><a title="ODEO Flash Player" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/odeo-flash-player.xml" target="_blank">odeo-flash-player.xml</a></span> </div><br /><br /><hr face="verdana"><br /><span style="FONT-WEIGHT: bold;font-family:verdana;" >La video </span><br /><br /><span style="font-family:verdana;">En utilisant un lecteur flash, on peut incorporer une video sans utiliser les balises &lt;object&gt; et &lt;embed&gt;.</span><br /><br /><span style="font-family:verdana;">Un exemple avec </span><a title="Reuters" style="FONT-FAMILY: verdana" href="http://www.reuters.com/" target="_blank">Reuters</a><span style="font-family:verdana;">, qui donne comme code :</span><br /><br /><div style="BACKGROUND: infobackground 0% 50%; FONT-FAMILY: verdana; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial"><br />&lt;object type="application/x-shockwave-flash" data="<span style="FONT-WEIGHT: bold; COLOR: rgb(0,153,0)">http://static.reuters.com/resources/flash/include_video.swf?edition=US&amp;videoId=94837</span>" width="422" height="346"&gt;&lt;param name="wmode" value="transparent" /&gt;&lt;param name="movie" value="http://www.reuters.com/resources/flash/include_video.swf?edition=US&amp;videoId=94837" /&gt;&lt;embed src="http://www.reuters.com/resources/flash/include_video.swf?edition=US&amp;videoId=94837" type="application/x-shockwave-flash" wmode="transparent" width="422" height="346"&gt;&lt;/embed&gt;&lt;/object&gt;<br /><br /></div><br /><br /><span style="font-family:verdana;"><span style="FONT-WEIGHT: bold; FONT-STYLE: italic">L'attribut data</span> , utilisé comme paramètre <span style="FONT-WEIGHT: bold; FONT-STYLE: italic">File</span> du gadget suffit pour visionner la video :</span><br /><br /><div style="TEXT-ALIGN: center" face="verdana"><br /><iframe style="WIDTH: 422px; HEIGHT: 428px" src="http://188.gmodules.com/ig/ifr?mid=188&amp;synd=open&amp;url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_video.xml&amp;up_File=http%3A%2F%2Fwww.reuters.com%2Fresources%2Fflash%2Finclude_video.swf%3Fedition%3DUS%26videoId%3D94837&amp;up_Photo=http%3A%2F%2Fwww.liens-du-vin.ch%2F_pic061%2Fchaplin-google-video-blog.jpg&amp;up_Titre=the%20kid%20project%20-%20chaplin%20at%20web%202.0&amp;up_Link=http://sites.google.com/site/antolintinez/Home/the-kid-project-1&amp;up_Subtitle=%20Flash%20Player%20et%20Video&amp;up_Sublink=http%3A%2F%2Fsites.google.com%2Fsite%2Fannuairevin%2Fflash-player-for-video&amp;up_Backcol=%23f6f6f6" frameborder="0" scrolling="no"></iframe></div><br /><div style="MARGIN-TOP: 15px; FONT-FAMILY: verdana; TEXT-ALIGN: center"><a title="Flash Player et Video" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none" href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_video.xml" target="_blank"><img title="Ajouter ce gadget à Google" height="17" alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" width="104" border="0" /></a></div><br /><br /><div style="FONT-FAMILY: verdana; TEXT-ALIGN: center"><a title="flash_video.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_video.xml" target="_blank"><img title="flash_video.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" alt="flash_video.xml" src="http://www.liens-du-vin.ch/_pic061/flash-video-thumb.png" /></a></div><br /><div style="FONT-FAMILY: verdana; TEXT-ALIGN: center"><span style="font-size:78%;"><a title="Flash Player et Video" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_video.xml" target="_blank">flash_video.xml</a></span> </div><br /><br /><hr style="FONT-FAMILY: verdana"><br /><span style="FONT-WEIGHT: bold;font-family:verdana;" >Une video en format *.flv.</span><br /><br /><span style="font-family:verdana;">Le lecteur Flash </span><a title="Dewtuble - Flash Player" style="FONT-FAMILY: verdana" href="http://www.alsacreations.fr/dewtube" target="_blank">Dewtube</a><span style="font-family:verdana;"> permet de lire une video flash :</span><br /><br /><div style="FONT-FAMILY: verdana; TEXT-ALIGN: center"><br /><iframe style="WIDTH: 452px; HEIGHT: 340px" src="http://241.gmodules.com/ig/ifr?mid=241&amp;synd=open&amp;url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml&amp;up_File=http://sites.google.com/site/annuairevin/files/dewtube.swf?movie=http://sites.google.com/site/annuairevin/files/couleur-vin.flv&amp;up_Photo=http%3A%2F%2Fi266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fchateau_vufflens.jpg&amp;up_Titre=Vufflens-le-Ch%C3%A2teau&amp;up_Link=http%3A%2F%2Fwww.liens-du-vin.ch%2Fvideo_pressing_grapes.htm&amp;up_Subtitle=Swiss%20Wineries&amp;up_Sublink=http%3A%2F%2Fwww.liens-du-vin.ch%2Fvision_cdc.htm&amp;up_Buttoncol=%23f5e39e&amp;up_Backcol=%23f6f6f6" frameborder="0" scrolling="no">Video en format *.flv - dewtube un lecteur Flash</iframe><br /><br /><div style="MARGIN-TOP: 15px; TEXT-ALIGN: center"><a title="Flash Slideshow" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none" href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank"><img title="Ajouter ce gadget à Google" height="17" alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" width="104" border="0" /></a></div><br /><div style="TEXT-ALIGN: center"><a title="flash_slideshow.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank"><img title="flash_slideshow.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" alt="flash_slideshow.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" /></a></div><br /><div style="TEXT-ALIGN: center"><span style="font-size:78%;"><a title="Google Gadget - Play a *flv file" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank">flash_slideshow.xml</a></span> </div><br /><hr /><br /><div style="TEXT-ALIGN: left"><strong>Le même gadget peut être utilisé pour intégrer une </strong><a title="YouTube - Playlist" href="http://www.youtube.com/custom_player" target="_blank"><strong>Playlist de YouTube</strong></a><strong> :</strong><br /><br />YouTube donne un code à insérer :<br /><br /></div><div style="BACKGROUND: infobackground 0% 50%; TEXT-ALIGN: left; moz-background-clip: -moz-initial; moz-background-origin: -moz-initial; moz-background-inline-policy: -moz-initial"><br />&lt;object width='425' height='366'&gt;<br />&lt;param name='movie'<br />value='http://www.youtube.com/cp/nnnn...nnn='&gt;&lt;/param&gt;<br />&lt;param name='wmode' value='transparent'&gt;&lt;/params&gt;<br />&lt;embed src='<span style="FONT-WEIGHT: bold; COLOR: rgb(0,153,0)">http://www.youtube.com/cp/vnnnn...nnnn=</span>'<br />type='application/x-shockwave-flash' wmode='transparent' width='425' height='366'&gt;<br />&lt;/embed&gt;<br />&lt;/object&gt;<br /><br /></div><div style="TEXT-ALIGN: left"><br /><br /><span style="FONT-WEIGHT: bold; FONT-STYLE: italic">L'attribut src</span> donne la valeur du paramètre <span style="FONT-WEIGHT: bold; FONT-STYLE: italic">File</span> du gadget.<br /></div><br /><div style="TEXT-ALIGN: center"><br /><iframe class="igm" style="WIDTH: 452px; HEIGHT: 340px" src="http://38.gmodules.com/ig/ifr?mid=38&amp;synd=open&amp;url=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml&amp;up_File=http%3A%2F%2Fwww.youtube.com%2Fcp%2FvjVQa1PpcFOwH3BXDMwCwjoHAEEUSw7vk8mNoEtyqjg%3D&amp;up_Photo=http%3A%2F%2Fi266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fchateau_allaman.jpg&amp;up_Titre=Chateau+ALlaman&amp;up_Link=http%3A%2F%2Fwww.chateau-allaman.ch&amp;up_Subtitle=%20Swiss%20Wineries&amp;up_Sublink=http%3A%2F%2Fwww.liens-du-vin.ch%2Fvision_cdc.htm&amp;up_Buttoncol=%23f5e39e&amp;up_Backcol=%23f6f6f6&amp;" frameborder="0" scrolling="no"></iframe></div><br /><br /><div style="MARGIN-TOP: 15px; TEXT-ALIGN: center"><a title="Flash Slideshow" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-DECORATION: none" href="http://fusion.google.com/add?moduleurl=http%3A//hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank"><img title="Ajouter ce gadget à Google" height="17" alt="Ajouter ce gadget à Google" src="http://www.liens-du-vin.ch/_pic02/add-to-google.gif" width="104" border="0" /></a> </div><br /><div style="TEXT-ALIGN: center"><a title="flash_slideshow.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank"><img title="flash_slideshow.xml" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" alt="flash_slideshow.xml" src="http://www.liens-du-vin.ch/_pic06/gadget-flash_slideshow-thumb.png" /></a></div><br /><div style="TEXT-ALIGN: center"><span style="font-size:78%;"><a title="YouTube - Custom Playlist" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flash_slideshow.xml" target="_blank">flash_slideshow.xml</a></span> </div><br /><hr /><br /><div style="TEXT-ALIGN: left"><br />Retrouvez d'<a href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog-2.html" title="Des Gadgets pour son Blog ... la suite">autres Gadgets sur Viti-Vino...</a><br /><br /><hr /><br /><br /><span style="FONT-WEIGHT: bold">Plus d'informations</span><br /><br /><a href="http://aide-blogger-fr.blogspot.com/2009/08/mini-lecteur-deezer-blog.html" target="_blank" title="Le mini lecteur Deezer sur son Blog">Le mini lecteur Deezer sur son Blog</a><br /><br />Les <a title="Les gadgets sur Google Sites" href="http://sites.google.com/site/annuairevin/tips-and-tricks-for-google-sites" target="_blank">gadgets sur Google Sites</a><br /><br />Un <a title="Un lecteur Video YouTube pour Blogger - Haute Qualité en vidéo" href="http://aide-blogger-fr.blogspot.com/2008/12/videos-de-youtube-en-haute-qualite.html" target="_blank">lecteur Video YouTube pour Blogger</a>. Visonner des vidéos en Haute Qualité.<br /><br />Créer son <a title="Créer son propre gadget" href="http://www.google.com/intl/fr/apis/gadgets/index.html" target="_blank">propre gadget</a><br /><br />Placer <a title="Placer des gadgets dans les éléments de la page" href="http://aide-blogger-fr.blogspot.com/2008/11/placer-des-gadgets-dans-les-lments-de.html" target="_blank">des gadgets dans les éléments de la page</a><br /><br />Insérer un <a title="Insérer un gadget dans le corps du message" href="http://aide-blogger-fr.blogspot.com/2008/11/inserer-un-gadget-google-dans-le-corps.html" target="_blank">gadget dans le corps du message</a> </div></div><br /><br /><hr/><br /><span style="font-size: 0.8em;">© Copyright photos : <a href="http://www.diapo.ch" title="Regis Columbo - Diapo.ch" target="_blank">Regis Columbo</a>, <a href="http://www.c-d-c.ch" target="_blank" title="Clos Domaines et Châteaux - la noblesse des vins suisses">Clos Domaines et Châteaux</a> et <a href="http://www.liens-du-vin.ch" target="_blank" title="Philippe Chappuis - Les Liens du Vin">Philippe Chappuis</a></span><br /><br /><hr/><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-3330864900816792226?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/os8YfDMPR8Y" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com3http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog.htmltag:blogger.com,1999:blog-30801821.post-90745302719620418432008-10-25T19:07:00.027+02:002009-05-30T01:46:12.454+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/rh8TGJR2JngxiRuI7UN441-GWNY/0/da"><img src="http://feedads.g.doubleclick.net/~a/rh8TGJR2JngxiRuI7UN441-GWNY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/rh8TGJR2JngxiRuI7UN441-GWNY/1/da"><img src="http://feedads.g.doubleclick.net/~a/rh8TGJR2JngxiRuI7UN441-GWNY/1/di" border="0" ismap="true"></img></a></p><script type="text/javascript"> function load_picasa() {var feed_picasa = "http://picasaweb.google.com/data/feed/base/user/philippe.chappuis/albumid/5241134795635578401?alt=rss&kind=photo&hl=fr"; var options = {fullControlPanel: true, fullControlPanelSmallIcons: true, thumbnailSize: GFslideShow.THUMBNAILS_LARGE, pauseOnHover: true, displayTime: 3000, transitionTime: 1000, feedLoadCallback: FeedTitle, transitionCallback: TransitionHandler, scaleImages: true, linkTarget: google.feeds.LINK_TARGET_BLANK}; new GFslideShow(feed_picasa,"chats_noiraigue", options);} function TransitionHandler (entry, transitionTime) {if (document.getElementById) {document.getElementById("image_title").innerHTML = entry.title;} else if (document.all) {document.all["image_title"].innerHTML = entry.title;}} function FeedTitle(result) {if (result.error) { alert("Erreur au chargement des images");} else {if (document.getElementById) {document.getElementById("feed_title").innerHTML = result.feed.title;} else if (document.all) {document.all["feed_title"].inner = result.feed.title;}}} google.load("feeds", "1"); google.setOnLoadCallback(load_picasa);</script><br /><span style="color:#cc0000;"></span><span style="color:#009900;"></span><br /><strong><span style="font-family:verdana;">Paramètrer un Diaporama de Picasa</span></strong><br /><br /><span style="font-family:verdana;">Plusieurs lecteurs de l'article : </span><a title="Un diaporama pour Blogger" href="http://aide-blogger-fr.blogspot.com/2008/02/un-diaporama-pour-blogger.html" target="_blank"><span style="font-family:verdana;">Un diaporama pour Blogger</span></a><span style="font-family:verdana;"> ont cherché à incorporer le diaporama dans le corps du message.<br /><br />Le gadget Diaporama de Blogger s'incorpore dans les éléments de page, mais en utilisant le </span><a title="Flux Media RSS" href="http://www.liens-du-vin.ch/slide-show-media-rss.html" target="_blank"><span style="font-family:verdana;">Flux Media RSS</span></a><span style="font-family:verdana;"> et la bibliothèque Google Ajax Feed API, l'incorporation du Diaporama dans le corps du message ne pose pas de problème. Il est possible de paramètrer le Diaporama et <strong>d'afficher la légende de chaque image</strong>. </span><br /><span style="font-family:verdana;"><p><br /><strong></strong> </p><p><strong>La bibliothèque Google Ajax Feed API<br /></strong><br />Incorporer ces bibliothèques entre les balises &lt;head&gt; et &lt;/head&gt; (sans retour à la ligne à l'intérieur d'un attribut) :<br /></p></span><br /><span style="font-family:arial;font-size:85%;">&lt;script src="http://www.google.com/jsapi" type="text/javascript"&gt;&lt;/script&gt;<br />&lt;script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"&gt;&lt;/script&gt;</span><br /><br /><p><span style="font-family:verdana;"><strong></strong></span> </p><p><span style="font-family:verdana;"><strong>Le style du diaporama<br /></strong><br />Créons une classe gss pour définir les paramètres du Diaporama. Le style peut être placé entre les balises &lt;head&gt; et &lt;/head&gt;. Si le style n'est utilisé que pour un seul message, il est possible de </span><a title="Un style pour 1 seul message" href="http://viti-vino.blogspot.com/2008/02/un-style-pour-un-seul-message.html" target="_blank"><span style="font-family:verdana;">charger dynamiquement</span></a><span style="font-family:verdana;"> celui-ci avec quelques lignes de javascript.<br /></span><br /><span style="font-family:arial;font-size:85%;">&lt;style type="text/css"&gt;<br />.gss a img {border: 0 none;}<br />.gss<br />{<br />padding: 8px;<br />margin: auto;<br />width: 250px;<br />color: #dddddd;<br />height: 200px;<br />background-color: #ccc;<br />}<br />&lt;/style&gt;<br /></span><br /></p><p><span style="font-family:verdana;"><strong>Le Flux Media RSS<br /></strong><br />C'est la source du Diaporama : un fichier en format xml fourni par l'hébergeur. Dans le cas de Picasa, pour obtenir l'adresse de ce flux il faut se connecter à son compte, ouvrir l'album, puis copier l'adresse indiquée sous <strong>RSS</strong> :<br /></span><br /></p><p><img title="Flux Media RSS" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 177px; CURSOR: hand; HEIGHT: 53px; TEXT-ALIGN: center" alt="Flux Media RSS" src="http://www.liens-du-vin.ch/_pic06/lien-rss-picasa.jpg" border="0" /><br /><br /><span style="font-family:verdana;">L'adresse est de la forme suivante :</span><br /><br /><span style="font-family:arial;font-size:85%;"><a href="http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/USER_ID?alt=rss&amp;kind=photo&amp;hl=fr">http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/USER_ID?alt=rss&amp;kind=photo&amp;hl=fr</a><br /></span><br /><br /></p><p><span style="font-family:verdana;"><strong></strong></span> </p><p><span style="font-family:verdana;"><strong>Le javascript</strong></span><br /><br />Il faut incorporer le script suivant <strong>dans le html du message</strong>. J'ai pris l'exemple des <a title="Les Chats de Noiraigue" href="http://www.liens-du-vin.ch/_danielle/chats-noiraigue.htm" target="_blank">Chats de Noiraigue</a>, avec l'aimable permission de <a title="Danielle - A la découverte d'Internet" href="http://sites.google.com/site/meschatsnoirs" target="_blank">Danielle</a>.<br /><br /><span style="font-family:arial;font-size:85%;">&lt;script type="text/javascript"&gt;<br />function <span style="color:#cc0000;">load_picasa</span>()<br />{<br />var <span style="color:#009900;">feed_picasa</span> =<br />"http://picasaweb.google.com/data/feed/base/user/philippe.chappuis/albumid/5241134795635578401?alt=rss&amp;kind=photo&amp;hl=fr";<br /><br />var <span style="color:#009900;">options</span> = {<br />fullControlPanel: true,<br />fullControlPanelSmallIcons: true,<br />thumbnailSize: GFslideShow.THUMBNAILS_LARGE,<br />pauseOnHover: true,<br />displayTime: 3000,<br />transitionTime: 1000,<br />feedLoadCallback: <span style="color:#ff6600;">FeedTitle</span>,<br />transitionCallback: <span style="color:#ff6600;">TransitionHandler</span>,<br />scaleImages : true,<br />linkTarget: google.feeds.LINK_TARGET_BLANK<br />};<br />new GFslideShow(<span style="color:#009900;">feed_picasa</span>,<span style="color:#993399;">"chats_noiraigue"</span>, options);<br />}<br /><br />function <span style="color:#ff6600;">TransitionHandler</span>(entry, transitionTime)<br />{<br />if (document.getElementById)<br />{<br />document.getElementById(<span style="color:#cc33cc;">"image_title"</span>).innerHTML = entry.title;<br />}<br />else<br />if (document.all)<br />{<br />document.all[<span style="color:#cc33cc;">"image_title"</span>].innerHTML = entry.title;<br />}<br />}<br /><br />function <span style="color:#ff6600;">FeedTitle</span>(result)<br />{<br />if ( result.error ) { alert("Erreur au chargement des images"); }<br />else<br />{<br />if (document.getElementById)<br />{<br />document.getElementById(<span style="color:#cc33cc;">"feed_title"</span>).innerHTML = result.feed.title;<br />}<br />else if (document.all)<br />{<br />document.all[<span style="color:#cc33cc;">"feed_title"</span>].inner = result.feed.title;<br />}<br />}<br />}<br /><br />google.load("feeds", "1");<br />google.setOnLoadCallback(<span style="color:#cc0000;">load_picasa</span>);<br /><br />&lt;/script&gt;<br /></p></span><p><strong><span style="font-family:verdana;"></span></strong> </p><p><strong><span style="font-family:verdana;">Quelques explications sur le script</span></strong></p><p><span style="font-family:verdana;"><span style="color:#cc0000;">load_picasa</span> contient l'adresse du flux Media RSS dans la variable <span style="color:#009900;">feed_picasa</span> à saisir <strong>sans retour à la ligne</strong>. L'objet <span style="color:#009900;">options</span> contient les paramètres du Diaporama. Le dernier paramètre doit être saisi sans virgule à la fin. La signification des paramètres est donnée dans le guide du programmeur des Google </span><a title="Google AJAX Feed API" href="http://www.google.com/uds/solutions/slideshow/reference.html" target="_blank"><span style="font-family:verdana;">AJAX Feed API</span></a><span style="font-family:verdana;">.<br /><br />feedLoadCallback définit le nom de la fonction qui s'exécute à l'ouverture du Diaporama : <span style="color:#ff6600;">FeedTitle</span>. Le titre du Diaporama sera placé dans le bloc div d'identifiant <span style="color:#cc33cc;">"feed_title"</span>. </span></p><p><span style="font-family:verdana;">transitionCallback définit la fonction appelée lors du chargement de chaque image : <span style="color:#ff6600;">TransitionHandler</span>. La légende de chaque image sera placée dans le bloc div d'identifiant <span style="color:#cc33cc;">"image_title".</span> </span></p><p><span style="font-family:verdana;">Le diaporama quant à lui sera placé dans le bloc div d'identifiant <span style="color:#cc33cc;">"chats_noiraigue"</span>.</span></p><p><span style="font-family:verdana;"><strong>Attention</strong> : Le script doit être saisi dans le html du message, au début, et <strong>sans retour à la ligne</strong> ! Le plus simple est d'utiliser notepad, de coller le code ci-dessus, puis en utilisant Affichage / Sans retour à la ligne, de supprimer tous les retours à la ligne (delete en fin de ligne). Le script à coller dans Blogger doit <strong>tenir sur une seule ligne</strong>. </span></p><p><span style="font-family:verdana;">Dans le cas contraire, Blogger ajoute un tage &lt;br/&gt; ce qui provoque une erreur, &lt;br/&gt; n'étant pas un code javascript valide.</span></p><p></p><p><span style="font-family:verdana;"><strong><br /><br />Le code html</strong></span></p><p><span style="font-family:verdana;">Trois blocs sont utilisés. Ils servent de conteneur au titre du Diaporama, au Diaporama lui-même et à la légende des images. Le style du Diaporama est défini par la classe gss. Le style du titre et des légendes est fixé en ligne par l'attribut style. </span><br /><br /><span style="font-family:arial;font-size:85%;">&lt;!-- Titre --&gt;<br />&lt;div style="text-align: center; margin-bottom: 5px;" id=<span style="color:#cc33cc;">"feed_title"</span>&gt;&lt;/div&gt;<br /><br />&lt;!-- Diaporama --&gt;<br />&lt;div id<span style="color:#cc33cc;">=</span><span style="color:#cc33cc;">"chats_noiraigue"</span> class="gss" >En cours de chargement...&lt;/div&gt;<br /><br />&lt;!-- Legende --&gt;<br />&lt;div style="text-align: center; font-weight: bold; margin-top: 5px;" id=<span style="color:#cc33cc;">"image_title"</span>&gt;&lt;/div&gt;</span><br /></p><br /><br /><span style="font-family:verdana;"><strong><br />Le résultat</strong></span><br /><br /><br /><br /><div id="feed_title" style="MARGIN-BOTTOM: 5px; COLOR: red; TEXT-ALIGN: center"></div><br /><br /><div class="gss" id="chats_noiraigue">En cours de chargement...</div><br /><br /><div id="image_title" style="MARGIN-TOP: 5px; FONT-WEIGHT: bold; COLOR: red; TEXT-ALIGN: center"></div><br /><br /><br /><strong>Utiliser Un Gadget Google</strong><br /><br />En plaçant le code décrit ci-dessus dans un Gadget Google, l'insertion d'un Diaporama devient très simple. L'article du <a href="http://aide-blogger-fr.blogspot.com/" target="_blank" title="Blog d'Aide pour Blogger">Blog d'Aide pour Blogger</a> decrit la méthode pour <a href="http://aide-blogger-fr.blogspot.com/2008/11/inserer-un-gadget-google-dans-le-corps.html" target="_blank" title="Insérer un gadget Google dans le corps du message">insérer un Gadget Google dans le corps du message</a>.<br /><br />Des <a href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog.html" title="Gadgets pour son Blog" class="_blank">gadgets pour son Blog</a>. Quelques Gadgets à insérer sur son Blog ou son site.<div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-9074530271962041843?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/oX-hx0IV1ME" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com5http://viti-vino.blogspot.com/2008/10/un-diaporama-dans-le-corps-du-message.htmltag:blogger.com,1999:blog-30801821.post-59159551716500919242008-07-26T23:03:00.010+02:002009-05-30T01:47:48.819+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/GVshD2Vp0naKhEiyhSCBHIC_eNQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/GVshD2Vp0naKhEiyhSCBHIC_eNQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/GVshD2Vp0naKhEiyhSCBHIC_eNQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/GVshD2Vp0naKhEiyhSCBHIC_eNQ/1/di" border="0" ismap="true"></img></a></p><strong>Les cadres pour ses photos</strong><br /><br /><div title="Château de Chardonne" style="BORDER-RIGHT: rgb(0,0,0) 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: rgb(0,0,0) 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(http://www.liens-du-vin.ch/_pic06/chateau-chardonne.jpg); PADDING-BOTTOM: 0px; MARGIN: auto; BORDER-LEFT: rgb(0,0,0) 1px solid; WIDTH: 320px; PADDING-TOP: 0px; BORDER-BOTTOM: rgb(0,0,0) 1px solid; HEIGHT: 210px"><div style="BORDER-RIGHT: #fff 10px solid; BORDER-TOP: #fff 10px solid; FILTER: alpha (opacity=50); BORDER-LEFT: #fff 10px solid; WIDTH: 300px; BORDER-BOTTOM: #fff 10px solid; HEIGHT: 190px; moz-opacity: .50; opacity: .50; khtml-opacity: 0.5"></div></div><p style="FONT-SIZE: 0.8em; TEXT-ALIGN: center"><a title="Chardonne - Mont-Pélerin : La carte" href="http://www.liens-du-vin.ch/_winemap/maps-chardonne.htm" target="_blank"><span style="font-family:verdana;">Chardonne - Mont-Pélerin : La carte</span></a></p><br /><br /><br />Quelques exemples de cadres pour ses photos, en utilisant du CSS in-line, sur le <a href="http://aide-blogger-fr.blogspot.com/" target="_blank" title="Blog d'Aide pour Blogger">Blog d'Aide pour Blogger</a>, ou sur le mode d'emploi pour <a href="http://www.liens-du-vin.ch/border-pictures.html" target="_blank" title="Mode d'emploi pour Google Page Creator">Google Page Creator</a>.<br /><br /><br /><strong>Afficher ses photos dans un Diaporama</strong><br /><br />En utilisant le widget (gadget) <a href="http://aide-blogger-fr.blogspot.com/2008/02/un-diaporama-pour-blogger.html" target="_blank" title="Widget Diaporama de Blogger">Diaporama de Blogger</a> ou en intégrant directement le <a href="http://www.liens-du-vin.ch/slide-show-media-rss.html" target="_blank" title="Le Flux Media RSS">Flux Media RSS</a> directement sur sa page, grâce aux <a href="http://code.google.com/apis/ajaxfeeds/" title="Google AJAX Feed API">Google AJAX Feed API</a>. Un exemple, avec la visite chez <a href="http://www.liens-du-vin.ch/wine-burgundy.htm" target="_blank" title="Diaporama. La visite d'Henri de Villamont">Henri de Villamont</a>. Des <a href="http://sites.google.com/site/annuairevin/media-rss-feed-slideshow" target="_blank" title="Gadgets Google">Gadgets Google</a> pour incorporer un diaporama dans le corps du message.<br /><br />Publier les Flux de ses Diaporamas, avec <a href="http://www.takeslides.com/Takeslides/tabid/1262/agentType/View/PropertyID/1739/PropertyAgentID/1327/language/en-US/Default.aspx" target="_blank" title="Publier ses Diaporamas">www.takeslides.com</a><br /><br />Avec un <a href="http://www.liens-du-vin.ch/flash_slideshow-script.htm" target="_blank" title="Gadget Google - lecteur Flash">Gadget Google contenant un lecteur Flash</a>, il est possible d'insérer une <a href="http://sites.google.com/site/annuairevin/flash-reader" target="_blank" title="Animation Flash dans Google Sites">animation Flash dans Google Sites</a>.<br /><br /><br /><br /><strong>Utiliser une Lightbox sur Blogger</strong><br /><br />Afficher des vignettes sur son blog, et afficher la photo pleine page dans une <a href="http://aide-blogger-fr.blogspot.com/2008/01/une-lightbox-pour-afficher-ses-images.html" target="_blank" title="Lightbox pour Blogger">Lightbox</a>. Découvrir la version 2 pour afficher des <a href="http://www.liens-du-vin.ch/lightbox2-display-set-pictures.html" target="_blank" title="Lightbox 2">ensembles de photos</a>, ou un clone de lightbox, la <a href="http://www.liens-du-vin.ch/slimbox-clone-lightbox.html" target="_blank" title="Slimbox un clone de lightbox">Slimbox</a>.<br /><br/><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-5915955171650091924?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/M8hTEqyggnU" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2008/07/mettre-ses-photos-en-valeurs.htmltag:blogger.com,1999:blog-30801821.post-86910751026122202112008-03-13T15:26:00.006+01:002009-05-30T01:53:03.362+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/w-uqxnEjINPE5ZvjUVJD8xFbuyc/0/da"><img src="http://feedads.g.doubleclick.net/~a/w-uqxnEjINPE5ZvjUVJD8xFbuyc/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/w-uqxnEjINPE5ZvjUVJD8xFbuyc/1/da"><img src="http://feedads.g.doubleclick.net/~a/w-uqxnEjINPE5ZvjUVJD8xFbuyc/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong>Rolle se développe</strong><br /><br />Prévu sur une surface au sol de 7000 mètres carrés, pour 350 employés, la première pierre du siège européen de Yahoo sera posée fin 2008 à </span><a title="Rolle ville idyllique au bord du Léman" href="http://www.liens-du-vin.ch/rolle-bord-du-leman.html" target="_blank"><span style="font-family:verdana;">Rolle</span></a><span style="font-family:verdana;">. </span><br /><span style="font-family:verdana;"><br />Deux bâtiments seront construits à l'ouest de la ville sur la </span><a title="Rolle - Bellerive" href="http://www.liens-du-vin.ch/_winemap/maps_rolle.htm" target="_blank"><span style="font-family:verdana;">propriété de Bellerive</span></a><span style="font-family:verdana;">.</span><br /><br /><div style="MARGIN: auto; WIDTH: 120px"><br /><a title="Yahoo - siège européen à Rolle" href="http://www.yahoo.com/" target="_blank"><img title="Rolle - Siège européen de Yahoo" style="WIDTH: 120px" alt="Rolle - Siège européen de Yahoo" src="http://www.liens-du-vin.ch/_pic06/logo-yahoo.jpg" /></a><br /></div><br />Au <a title="Au coeur de la Côte vaudoise" href="http://www.liens-du-vin.ch/_winemap/maps-clos-domaines-chateaux.htm" target="_blank">coeur de la Côte vaudoise</a>, une prestigieuse entreprise contribuera au développement économique de la région.<div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-8691075102612220211?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/RjoT0U10w0Q" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2008/03/le-siege-europeen-de-yahoo-rolle.htmltag:blogger.com,1999:blog-30801821.post-57521928631391959802008-02-20T22:28:00.015+01:002009-05-30T01:53:22.732+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/lV9e25vF4TN8KKrbADI-bbLmKuY/0/da"><img src="http://feedads.g.doubleclick.net/~a/lV9e25vF4TN8KKrbADI-bbLmKuY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/lV9e25vF4TN8KKrbADI-bbLmKuY/1/da"><img src="http://feedads.g.doubleclick.net/~a/lV9e25vF4TN8KKrbADI-bbLmKuY/1/di" border="0" ismap="true"></img></a></p><strong>Un Diaporama avec Photobucket</strong><br /><br />Ce Diaporama a été réalisé pour l'<a href="http://aide-blogger-fr.blogspot.com/2008/02/un-diaporama-pour-blogger.html" target="_blank" title="Blog aide blogger - Diaporama et flux media RSS">article du Blog d'aide pour Blogger</a> sur les flux media RSS et leur utilisation dans un Diaporama. <br /><br />Un cours pour utiliser les flux media RSS sur une page créée avec <a href="http://www.liens-du-vin.ch/slide-show-media-rss.html" target="_blank" title="flux media RSS - Google Page Creator">Google Page Creator</a>. Des exemples de Diaporama.<br /><br /><center><div style="width:384px; text-align: center;"><embed type="application/x-shockwave-flash" wmode="transparent" src="http://w266.photobucket.com/pbwidget.swf?pbwurl=http://w266.photobucket.com/albums/ii244/prac53/Swiss Wineries/f2ffa408.pbw" height="288" width="384"></embed><a href="http://photobucket.com/slideshows" target="_blank" title="Diaporama Clos Domaines et Châteaux"><img src="http://pic.photobucket.com/slideshows/btn.gif" style="float:left;border-width: 0;" /></a><a href="http://s266.photobucket.com/albums/ii244/prac53/Swiss%20Wineries/?action=view&current=f2ffa408.pbw" target="_blank" title="Diaporama Clos Domaines et Châteaux"><img src="http://pic.photobucket.com/slideshows/btn_viewallimages.gif" style="float:left;border-width: 0;" /></a></div></center><br /><br />Crédit photo : <a href="http://www.diapo.ch/" target="_blank" title="Regis Colombo">Regis Colombo</a> pour <a href="http://www.liens-du-vin.ch/_winemap/maps-clos-domaines-chateaux.htm" target="_blank" title="Clos Domaines et Châteaux">l'Association Clos Domaines et Châteaux</a><br /><p><br></p><br />D'autres Diaporamas : <a href="http://www.liens-du-vin.ch/wine-china-wallis.htm" target="_blank" title="Les vins du Valais">Les vins du Valais</a> - Présentation en chinois. Henri de Villamont, <a href="http://www.liens-du-vin.ch/wine-burgundy.htm" target="_blank" title="Henri de Villamont - la visite du Domaine">la visite du Domaine</a>. Grands vins de Bourgogne.<br /><br />Avec un <a href="http://www.liens-du-vin.ch/flash_slideshow-script.htm" target="_blank" title="Gadget Google - lecteur Flash">Gadget Google contenant un lecteur Flash</a>, il est possible d'insérer une <a href="http://sites.google.com/site/annuairevin/flash-reader" target="_blank" title="Animation Flash dans Google Sites">animation Flash dans Google Sites</a>.<br /><p><br></p><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-5752192863139195980?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/M5MkXtl-LEc" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2008/02/diaporama-clos-domaines-et-chateaux.htmltag:blogger.com,1999:blog-30801821.post-75883438716538114692008-02-17T22:24:00.012+01:002009-06-26T00:11:33.086+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/DN5vrQDAj2bj9WWm51ZU_3gMy1I/0/da"><img src="http://feedads.g.doubleclick.net/~a/DN5vrQDAj2bj9WWm51ZU_3gMy1I/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/DN5vrQDAj2bj9WWm51ZU_3gMy1I/1/da"><img src="http://feedads.g.doubleclick.net/~a/DN5vrQDAj2bj9WWm51ZU_3gMy1I/1/di" border="0" ismap="true"></img></a></p>Changer le style d'un seul message <br /><br />Pour ne pas alourdir le blog avec un style qui ne serait utilisé que par un seul post, il est possible de charger de façon dynamique une feuille de style externe :<br /><br /><div style="BACKGROUND: infobackground"><br />&lt;script language="Javascript" type="text/javascript"&gt;<br /><br />var cssNode = document.createElement('link');<br />cssNode.type = 'text/css';<br />cssNode.rel = 'stylesheet';<br />cssNode.href = '<span style="color:#cc0000;">URL</span>/<span style="color:#cc0000;">feuille</span>.css';<br />cssNode.media = 'screen';<br />cssNode.title = 'une feuille de style pour 1 post';<br />document.getElementsByTagName("head")[0].appendChild(cssNode);<br /><br />&lt;/script&gt;<br /><br /></div><br /><br />A titre d'exemple, un slideshow en CSS, selon l'idée de <a title="Horizontal Slideshow with CSS" href="http://www.cssplay.co.uk/menu/gallery3l.html" target="_blank">Stu Nicholls</a>, reprise pour <a title="Sliding Photograph Gallery" href="http://www.liens-du-vin.ch/sliding-gallery.htm" target="_blank"><i>Sliding Photograph Gallery</i></a>, et que j'ai adapté pour Blogger :<br /><br /><script language="Javascript" type="text/javascript">var cssNode = document.createElement('link');cssNode.type = 'text/css';cssNode.rel = 'stylesheet';cssNode.href = 'http://www.liens-du-vin.ch/style-slide-horizontal.css';cssNode.media = 'screen';cssNode.title = 'test loading external style sheet in one post';document.getElementsByTagName("head")[0].appendChild(cssNode);</script><br />Une gallerie horizontale en CSS :<br /><br /><p><br /></p><ul id="gallery_horizontal"><li><a onmouseover="window.status='Château de Châtagneréaz'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Château de Châtagneréaz" height="239" alt="Château de Châtagneréaz" src="http://www.liens-du-vin.ch/_pic02/chateau_chatagnereaz.jpg" width="320" /></a></li><li><a onmouseover="window.status='Château de Vinzel'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Château de Vinzel" height="239" alt="Château de Vinzel" src="http://www.liens-du-vin.ch/_pic02/chateau_vinzel.jpg" width="320" /></a></li><li><a onmouseover="window.status='Domaine de Autecour'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Domaine de Autecour" height="239" alt="Domaine de Autecour" src="http://www.liens-du-vin.ch/_pic02/domaine_autecour.jpg" width="320" /></a></li><li><a onmouseover="window.status='Domaine du Martheray'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Domaine du Martheray" height="239" alt="Domaine du Martheray" src="http://www.liens-du-vin.ch/_pic02/domaine_martheray.jpg" width="320" /></a></li><li><a onmouseover="window.status='Château Maison Blanche'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Château Maison Blanche" height="239" alt="Château Maison Blanche" src="http://www.liens-du-vin.ch/_pic02/chateau_maison_blanche.jpg" width="320" /></a></li><li><a onmouseover="window.status='Château Allaman'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Château Allaman" height="239" alt="Château Allaman" src="http://www.liens-du-vin.ch/_pic02/chateau_allaman.jpg" width="320" /></a></li><li><a onmouseover="window.status='Château de Vufflens'; return true;" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt; TEXT-DECORATION: none" onmouseout="window.status=' '; return true;" href="javascript:"><img title="Château de Vufflens" height="239" alt="Château de Vufflens" src="http://www.liens-du-vin.ch/_pic02/chateau_vufflens.jpg" width="320" /></a></li></ul><p style="CLEAR: both">La feuille de style est disponible sur mon site <a href="http://www.liens-du-vin.ch/style-slide-horizontal.css" target="_blank" title="Feuille de style - Horiontal slide">les Liens du Vin</a><br /></p><br />Les photos sont extraites de la série <a href="http://www.liens-du-vin.ch/vision_cdc.htm" target="_blank" title="Clos Domaines et Châteaux">Clos Domaines et Châteaux</a><br /><br><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-7588343871653811469?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/KTWuiLyuv7s" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2008/02/un-style-pour-un-seul-message.htmltag:blogger.com,1999:blog-30801821.post-27362027771165892982008-01-23T22:24:00.003+01:002009-05-30T01:54:29.897+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/tpVYn3k7FhMm8MkPkKn5Njz52tU/0/da"><img src="http://feedads.g.doubleclick.net/~a/tpVYn3k7FhMm8MkPkKn5Njz52tU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/tpVYn3k7FhMm8MkPkKn5Njz52tU/1/da"><img src="http://feedads.g.doubleclick.net/~a/tpVYn3k7FhMm8MkPkKn5Njz52tU/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong>Des effets graphiques simples, avec CSS et javascript pour faire défiler texte et images, et réaliser un effet de fondu-enchaîné entre les images</strong></span><br /><br /><br /><span style="font-family:verdana;"><strong>Une image de fond pour un bloc div</strong></span><br /><br /><span style="font-family:verdana;">Un complément pour le mode d'emploi des <a title="Les fonds de page pour Google Page Creator" href="http://www.liens-du-vin.ch/test-gpc-background-color.html" target="_blank">fonds de page</a> sous <b>Google Page Creator</b>.</span><br /><br /><br /><span style="font-family:verdana;"><strong>Changer l'opacité d'un texte ou d'une image</strong></span><br /><br /><span style="font-family:verdana;">Une introduction écrite pour le <a title="Opacité et transparence pour Blogger" href="http://aide-blogger-fr.blogspot.com/2007/12/opacite-et-transparence-appliquer-un.html" target="_blank">Blog d'aide pour Blogger</a>. Une suite de la page <a title="Opacité et Transparence" href="http://www.liens-du-vin.ch/test-062.html" target="_blank">Opacité et Transparence</a>.</span><br /><br /><span style="font-family:verdana;">Une visionneuse simple avec un effet de fondu-enchaîné entre les images.</span> <span style="font-family:verdana;">Utiliser <strong><em>setTimeout</em></strong> pour faire varier en continu l'opacité.<br /></span><p><span style="font-family:verdana;"><br /></span></p><p><a title="Fondu-enchaîné entre les images" href="http://www.liens-du-vin.ch/fading-pictures.htm" target="_blank"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5158787658815205682" title="Fondu-enchaîné entre les images" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="Fondu-enchaîné entre les images" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/R5eyCxNZcTI/AAAAAAAAAds/vXtXqiwA2uo/s400/fading.jpg" border="0" /></span></a><span style="font-family:verdana;"><br /><strong>Des images qui défilent</strong><br /><br />Si <em><strong>marquee</strong></em> est un tag déprécié sous html 4, il permet néanmoins de créer de <a title="Animations avec marquee" href="http://www.liens-du-vin.ch/_wine-estate/wine-estate-marquee.htm" target="_blank">jolies animations</a> avec du texte et des images</span></p><p><span style="font-family:verdana;"><strong>Du texte défilant sur une image fixe</strong></span></p><p><span style="font-family:verdana;">Un <a title="Un texte déroulant sur une image fixe" href="http://www.liens-du-vin.ch/scrolling-with-scrolltop.html" target="_blank">script javascript</a> pour faire défiler du texte sur une image, grâce à <strong><em>scrollTop</em></strong>.</span></p><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-2736202777116589298?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/aG9zMkfmqr0" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2008/01/texte-deroulant-et-opacite.htmltag:blogger.com,1999:blog-30801821.post-53751748710906724952007-10-27T17:06:00.003+02:002009-05-30T01:54:53.401+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/HE4xGXLWtAQtoE3FQcDjdzsuPCk/0/da"><img src="http://feedads.g.doubleclick.net/~a/HE4xGXLWtAQtoE3FQcDjdzsuPCk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/HE4xGXLWtAQtoE3FQcDjdzsuPCk/1/da"><img src="http://feedads.g.doubleclick.net/~a/HE4xGXLWtAQtoE3FQcDjdzsuPCk/1/di" border="0" ismap="true"></img></a></p><div align="left"><span style="font-family:verdana;"><strong>Comment créer un Plugin (composant affichable) pour ajouter son Moteur de Recherche à la barre d'outils<br /></strong><br /></span><a title="Google" href="http://google.com/coop/cse/" target="_blank"><span style="font-family:verdana;">Google CSE</span></a><span style="font-family:verdana;"> et AdSense pour les recherches permettent de créer facilement un <strong>Moteur de Recherche personnalisé</strong>.<br /><br />En suivant les spécifications </span><a title="OpenSearch" href="http://www.opensearch.org/" target="_blank"><span style="font-family:verdana;">OpenSearch</span></a><span style="font-family:verdana;">, on peut créer un fichier xml qui permet l'ajout de ce moteur de recherche dans la barre d'outils (pour les navigateurs Firefox 2 et Internet Explorer 7)<br /><br />Ce petit outil de génération du xml, </span><a title="Ready2Search" href="http://keijisaito.info/ready2search/e/" target="_blank"><span style="font-family:verdana;">Ready2Search</span></a><span style="font-family:verdana;">, permet de créer une image en format texte (base64) ainsi que de générer le tag Url du Plugin.<br />L'adresse de recherche (le template - lancer une recherche avec le moteur personnel et recopier l'adresse de la barre d'adresse) se compose d'un <em>préfixe</em> et d'un <em>suffixe</em>. Le préfixe est la partie de l'adresse qui précède le mot clé, le suffixe, la partie qui le suit.<br /><br />Pour permettre <strong>l'autoactivation</strong> de ce plugin, il faut enregistrer le fichier xml, puis créer un tag &lt;link&gt; dans la section &lt;head&gt;. La page du site ou d'un blog qui comporte ce lien verra l'outil de recherche se mettre en surbrillance et proposer l'ajout du moteur personnalisé.<br /><br />La balise &lt;link&gt; à créer : </span></div><div align="left"><br /><span style="font-family:verdana;"><span style="color: rgb(0, 102, 0);">&lt;link title="Titre du Moteur de Recherche" href="URL_PLUGIN.xml" type="application/opensearchdescription+xml" rel="search" /&gt;</span><br /><br />Pour inciter le visiteur à ajouter le Moteur, il faut utiliser <strong>AddSearchProvider</strong> (FF et IE 7) :<br /><br /><br /></span></div><p style="text-align: center;" align="left"><a onmouseover="window.status='Add this plugin to your toolbar';return true;" style="border: 0px none ; text-decoration: none;" onclick="if (window.external.AddSearchProvider){window.external.AddSearchProvider('http://http://www.liens-du-vin.ch/opensearch.xml')} else {alert('You Browser doesn\'t support this Plugin OpenSearch')};" onmouseout="window.status='';return true;" href="#"><span style="font-family:verdana;"><img class="ima" title="Add this plugin to your toolbar" style="border: 0px none ; text-decoration: none;" alt="Add this plugin to your toolbar" src="http://www.liens-du-vin.ch/_pic04/opensearch-picture.jpg" /></span></a></p><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-5375174871090672495?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/-pykr04oPt4" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/10/plugin-pour-ajouter-son-moteur-de.htmltag:blogger.com,1999:blog-30801821.post-71324502279961514272007-09-20T22:57:00.002+02:002009-05-30T01:55:26.889+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/jX7s4emf6GyNEnHatL-iQIO50uE/0/da"><img src="http://feedads.g.doubleclick.net/~a/jX7s4emf6GyNEnHatL-iQIO50uE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/jX7s4emf6GyNEnHatL-iQIO50uE/1/da"><img src="http://feedads.g.doubleclick.net/~a/jX7s4emf6GyNEnHatL-iQIO50uE/1/di" border="0" ismap="true"></img></a></p><div align="left"><br /><span style="font-family:verdana;"><strong>Un Gadget Google<br /></strong><br />Un nouveau </span><a title="Gadget Google" href="http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/maurice-gay-labels.xml" target="_blank"><span style="font-family:verdana;">Gadget Google</span></a><span style="font-family:verdana;"> pour la collection d'étiquettes de <strong>Maurice Gay</strong> - La haute couture des vins du Valais.<br /><br /><br /></span></div><center><iframe marginwidth="0" marginheight="0" src="http://www.liens-du-vin.ch/_maurice-gay/wine-label.htm" frameborder="0" width="168" scrolling="no" height="480">Les étiquettes de Maurice Gay - Découvrir les vins du Valais</iframe></center><div align="center"><span style="font-family:verdana;"><br /></span></div><div align="left"><br /><span style="font-family:verdana;">L'occasion d'un coup de chapeau au <strong>nouveau site</strong> de Maurice Gay :<br /><br /><br /></div></span><a title="Maurice Gay - la haute couture des vins du Valais" href="http://www.mauricegay.ch/" target="_blank"><span style="font-family:verdana;"><img title="Maurice Gay - la haute couture des vins du Valais" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 120px; CURSOR: hand; TEXT-ALIGN: center" alt="Maurice Gay - la haute couture des vins du Valais" src="http://www.liens-du-vin.ch/_pic04/thumb-maurice-gay.jpg" border="0" /></span> <p align="center"></a><span style="font-family:verdana;font-size:85%;"> Maurice Gay </span><a title="Maurice Gay la haute couture des vins du Valais" href="http://www.mauricegay.ch/" target="_blank"><span style="font-family:verdana;font-size:85%;">http://www.mauricegay.ch</span></a><span style="font-family:verdana;"> </span></p><span style="font-family:verdana;"><p align="left"><br />Les Vins du Valais c'est un monde de saveurs à découvrir. Pour déguster les meilleurs spécialités valaisannes, Maurice Gay à </span><a title="Chamoson Valais - Vignes en terrasses" href="http://www.liens-du-vin.ch/_winemap/maps-chamoson.htm" target="_blank"><span style="font-family:verdana;">Chamoson</span></a><span style="font-family:verdana;">, vous propose sa collection les </span><a title="Maurice Gay Les Mazots" href="http://www.liens-du-vin.ch/_maurice-gay/vision-mazots-vin-valais.htm" target="_blank"><span style="font-family:verdana;">Mazots</span></a><span style="font-family:verdana;"> ainsi que les </span><a title="Maurice Gay les assemblages" href="http://www.liens-du-vin.ch/_maurice-gay/vision-haute-couture-vin-valais.htm" target="_blank"><span style="font-family:verdana;">assemblages</span></a><span style="font-family:verdana;"> de cépages rouges et blancs, élaborés par les artisans du vin.<br /></p></span><br /><p>Grâce à <a href="http://nicinfonet.blogspot.com/2007/09/ziki-se-met-aux-widgets.html" target="_blank" title="NicInfoNet - Ziki se met aux widgets">NicInfoNet</a>, ce gadget / widget est maintenant sur <a href="http://www.ziki.com/fr/people/prac53" target="_blank" title="mon ziki">mon ziki</a>.<div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-7132450227996151427?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/Tilev2y88rk" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2007/09/les-tiquettes-de-maurice-gay.htmltag:blogger.com,1999:blog-30801821.post-47525865913277452122007-08-19T01:31:00.001+02:002007-08-19T01:50:57.876+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/w9_Ja0Kj1mqvmrDXpAL2SZO8GAU/0/da"><img src="http://feedads.g.doubleclick.net/~a/w9_Ja0Kj1mqvmrDXpAL2SZO8GAU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/w9_Ja0Kj1mqvmrDXpAL2SZO8GAU/1/da"><img src="http://feedads.g.doubleclick.net/~a/w9_Ja0Kj1mqvmrDXpAL2SZO8GAU/1/di" border="0" ismap="true"></img></a></p>Le <span style="font-weight: bold; font-style: italic;">Web 2.0</span>, on en donne souvent une définition nébuleuse.<br /><br />En utilisant Google Video et la possibilité d'ajouter plus d'un fichier de sous-titres sur une vidéo, quelques passionnés du monde entier ont traduit Le <span style="font-weight: bold; font-style: italic;">Kid</span> de <span style="font-weight: bold; font-style: italic;">Charlie Chaplin</span> en 26 langues.<br /><br />Une belle application concrète du Web 2.0.<br /><br />Coordonné par <a href="http://antolintinez.googlepages.com/" target="_blank" title="Antolin Martinez">Antolin Martinez</a> au Vénézuela, le projet s'est concrétisé en quelques jours, et le résultat est présenté sur <a href="http://cinemusicartronomy.googlepages.com/cinema282" target="_blank" title="the kid project - chaplin at web 2.0">une page créée sur Google Page Creator : <span lang="en">The Kid Project - Chaplin at Web 2.0</span></a>.<br /><br />Plus d'information, sur le <a href="http://googlesystem.blogspot.com/2007/08/google-video-with-multi-lingual-closed.html" target="_blank" title="Google Operating System - Google Video">blog Google Operating System</a><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-4752586591327745212?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/pBzQJ-XFNhE" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2007/08/web-20-une-application-concrete-kid.htmltag:blogger.com,1999:blog-30801821.post-79121124166096571022007-07-31T00:20:00.000+02:002007-12-06T00:37:39.221+01:00 <p><a href="http://feedads.g.doubleclick.net/~a/OzHqJ6te-hMbnRe-4sguxNOQ6Rg/0/da"><img src="http://feedads.g.doubleclick.net/~a/OzHqJ6te-hMbnRe-4sguxNOQ6Rg/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/OzHqJ6te-hMbnRe-4sguxNOQ6Rg/1/da"><img src="http://feedads.g.doubleclick.net/~a/OzHqJ6te-hMbnRe-4sguxNOQ6Rg/1/di" border="0" ismap="true"></img></a></p>Un message pour le formulaire de commentaire<br /><br />Une nouveauté de Blogger, la possibilité d'afficher <b>un texte sur le formulaire de commentaire</b>. Pour prévenir les visiteurs de la politique de modération du blog, par exemple, ou signaler <b>l'absence du rel=nofollow</b>.<br /><br />Le texte peut comporter du html. L'exemple des <a href="http://viti-vino-feed.blogspot.com/" target="_blank" title="Les Decouvertes des Liens du Vin">Decouvertes des Liens du Vin</a> :<br /><div align="center"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://viti-vino-feed.blogspot.com/" title="Le blog des Decouvertes des Liens du Vin" target="_blank"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://3.bp.blogspot.com/_kbpHBa3_G9o/Rq5qc2eDUeI/AAAAAAAAAH4/Q9EghFyjMfM/s400/form-comment-htm.jpg" border="0" alt="Message du formulaire de commentaire" title="Message du formulaire de commentaire" id="BLOGGER_PHOTO_ID_5093125272493052386" /></a></div><br /><br />Ce qui donne comme résultat :<br /><br /><div align="center"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://viti-vino-feed.blogspot.com/" target="_blank" title="Les Decouvertes des Liens du Vin"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/Rq5pdGeDUdI/AAAAAAAAAHw/EsTz-kl6agM/s320/form-comment-htm-form.jpg" border="0" alt="Message du formulaire de commentaire" title="Message du formulaire de commentaire" id="BLOGGER_PHOTO_ID_5093124177276391890" /></a><br /></div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-7912112416609657102?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/5fpXK12LFdQ" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/07/un-message-sur-le-formulaire-de.htmltag:blogger.com,1999:blog-30801821.post-33204792588207171112007-07-17T23:21:00.000+02:002007-08-25T18:00:27.252+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/6Lzn7y994D4OBHAGY_XYxEk96aQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/6Lzn7y994D4OBHAGY_XYxEk96aQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/6Lzn7y994D4OBHAGY_XYxEk96aQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/6Lzn7y994D4OBHAGY_XYxEk96aQ/1/di" border="0" ismap="true"></img></a></p><span style="FONT-WEIGHT: bold">Les nouveautés AdSense</span><br /><br />Cet été 2007 est riche en annonce, Google autorise <a title="Les angles arrondis pour les annonces AdSense" href="http://adsense-fr.blogspot.com/2007/06/comment-arrondir-les-angles.html" target="_blank">les angles arrondis</a> sur ses AdSense depuis juin 2007 : <div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" title="AdSense angles arrondis" href="http://2.bp.blogspot.com/_kbpHBa3_G9o/Rp04cdvZczI/AAAAAAAAAG8/hlvwRYnsNoE/s1600-h/adsense-angles-arrondis.png" target="_blank"><img id="BLOGGER_PHOTO_ID_5088285215669449522" title="AdSense angles arrondis" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: pointer; TEXT-ALIGN: center" alt="AdSense angles arrondis" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/Rp04cdvZczI/AAAAAAAAAG8/hlvwRYnsNoE/s320/adsense-angles-arrondis.png" border="0" /></a></div><br /><div>Pour choisir les angles droits, ajouter <span style="FONT-WEIGHT: bold">google_ui_features = "rc:0"; </span>pour des angles légèrement arrondis, <span style="FONT-WEIGHT: bold">google_ui_features = "rc:6"; </span>et pour obtenir des angles très arrondis,<span style="FONT-WEIGHT: bold">google_ui_features = "rc:10";</span></div><br /><div>Depuis juillet 2007, Google autorise l'affichage alternatif d'annonces, dans le cadre d'un <a title="Le B.A./-Ba de l'A/B Testing" href="http://adsense-fr.blogspot.com/2007/07/le-ba-ba-de-lab-testing.html" target="_blank">test par comparaison</a>.<br /><br />Afficher alternativement un Leaderboard de 728 x 90 ou une bannière de 468 x 60 est désormais possible. Il suffit d'ajouter un petit script qui encadre les 2 codes Adsense :<br /><br /></div><div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" title="script AdSense" href="http://2.bp.blogspot.com/_kbpHBa3_G9o/Rp1FPdvZc0I/AAAAAAAAAHE/JdmF09arrs8/s1600-h/script-adsense.jpg" target="_blank"><img id="BLOGGER_PHOTO_ID_5088299285982311234" title="script AdSense" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: pointer; TEXT-ALIGN: center" alt="script AdSense" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/Rp1FPdvZc0I/AAAAAAAAAHE/JdmF09arrs8/s320/script-adsense.jpg" border="0" /></a></div><br /><div>Pour aller plus loin, Il semble qu'il soit possible d'utiliser le <strong>CSS avec AdSense</strong> (sous réserve du respect du règlement). Voir à ce sujet le blog de <a title="Guillaume Bizet - CSS et AdSense" href="http://www.bizetfamily.net/index.php/post/2007/06/29/Stylez-vos-annonces-Adsense-avec-les-CSS" target="_blank">Guillaume Bizet</a>. Le blog <a title="Web2Magazine - different AdSense with CSS" href="http://web2magazine.blogspot.com/2007/06/29-different-google-ads-style.html" target="_blank">Web2Magazine</a> propose quelques dizaines d'exemples d'annonces Google AdSense classées par catégories.</div><br /><div>Un exemple extrait du site <a title="adClustr - An Online Magazine" href="http://adclustr.com/" target="_blank"><span lang="en">adClustr - An Online Magazine</span></a><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" title="adClustr - An Online Advertising Magazine" href="http://2.bp.blogspot.com/_kbpHBa3_G9o/Rp1F9dvZc1I/AAAAAAAAAHM/WAbUmU-84W0/s1600-h/Adsense-CSS.png" target="_blank"><img id="BLOGGER_PHOTO_ID_5088300076256293714" title="adClustr - An Online Advertising Magazine" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="adClustr - An Online Advertising Magazine" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/Rp1F9dvZc1I/AAAAAAAAAHM/WAbUmU-84W0/s320/Adsense-CSS.png" border="0" /></a><br /></div><div style="FONT-SIZE: 0.8em; TEXT-ALIGN: center">(une image, ce n'est pas une annonce réelle)</div><br /><div>AdSense permet depuis longtemps de changer aléatoirement la couleur des annonces affichées. Il est possible d'utiliser jusqu'à quatre palettes différentes.</div><br /><br /><a title="Palettes Multiples pour Adsense" href="http://2.bp.blogspot.com/_kbpHBa3_G9o/RtBQCsdhcQI/AAAAAAAAAJo/-CifOe1SEg4/s1600-h/palette-multiple.jpg" target="_blank"><img id="BLOGGER_PHOTO_ID_5102666385035718914" title="Palettes Multiples pour Adsense" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="Palettes Multiples pour Adsense" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/RtBQCsdhcQI/AAAAAAAAAJo/-CifOe1SEg4/s400/palette-multiple.jpg" border="0" /></a><br /><br /><div>Il suffit, lors de la configuration de l'annonce, de choisir <strong>Palettes Multiples</strong>, puis d'indiquer les palettes désirées (Maintenir la touche <em>CTRL</em> ou <em>Commande</em> enfoncée pour sélectionner plusieurs palettes)</div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-3320479258820717111?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/LNgM82wBc0Q" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/07/donner-de-la-vie-ses-annonces-adsense.htmltag:blogger.com,1999:blog-30801821.post-26775670556210008242007-06-05T01:06:00.002+02:002009-05-30T18:03:28.599+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/bTm5iMbGwx4klBwqq_g1vglDUnQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/bTm5iMbGwx4klBwqq_g1vglDUnQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/bTm5iMbGwx4klBwqq_g1vglDUnQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/bTm5iMbGwx4klBwqq_g1vglDUnQ/1/di" border="0" ismap="true"></img></a></p><strong>Suivre la vie d'un blog</strong><br /><br />Les flux de commentaires doivent être autorisés sur le blog.<br /><br />Une fois positionnés, il suffit pour s'abonner d'indiquer l'adresse du flux RSS :<br /><strong></strong><br /><div align="center"><strong><pre>http://nomdublog.blogspot.com//feeds/comments/option</pre></strong></div><div align="left">option : default ou summary ou full</div><div align="left"> </div><div align="left"> </div><div align="left"></div><br /><div align="left">Plus de détails ici : <a title="Le flux RSS des commentaires d'un blog sous blogger.com" href="http://www.liens-du-vin.ch/le-flux-des-commentaires-blog-blogger.html" target="_blank">Les fiches didactiques</a></div><div align="left"></div><div align="left"></div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-2677567055621000824?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/AvTX5UmBH70" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2007/06/le-flux-rss-des-commentaires-avec.htmltag:blogger.com,1999:blog-30801821.post-54702543072545071122007-05-03T01:37:00.002+02:002009-05-30T01:56:59.227+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/k7yXEgCAW2JeH435qEqTbRzZ3CY/0/da"><img src="http://feedads.g.doubleclick.net/~a/k7yXEgCAW2JeH435qEqTbRzZ3CY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/k7yXEgCAW2JeH435qEqTbRzZ3CY/1/da"><img src="http://feedads.g.doubleclick.net/~a/k7yXEgCAW2JeH435qEqTbRzZ3CY/1/di" border="0" ismap="true"></img></a></p><div><div><span style="font-family:verdana;"><strong>Les fichiers KML compatibles avec Google Earth et Google Maps</strong><br /><br />Partager ses lieux géographiques favoris avec des fichiers <b>KML</b> (<span lang="en"><em>KeyHole Markup Language</em></span>) qui peuvent être échangés entre </span><a title="Google Earth" href="http://earth.google.fr" target="_blank"><span style="font-family:verdana;">Google Earth</span></a><span style="font-family:verdana;"> et </span><a title="Google Maps" href="http://maps.google.com" target="_blank"><span style="font-family:verdana;">Google Maps</span></a><span style="font-family:verdana;">. </span></div><br /><div><div><br /><p class="separator" style="CLEAR: both; TEXT-ALIGN: center"><a title="Google Earth" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; MARGIN-LEFT: 1em; BORDER-LEFT: 0pt; MARGIN-RIGHT: 1em; BORDER-BOTTOM: 0pt; BACKGROUND-COLOR: transparent" href="http://earth.google.fr" target="_blank" imageanchor="1"><span style="font-family:verdana;"><img title="Google Earth" style="BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt" height="42" alt="Google Earth" src="http://www.liens-du-vin.ch/_pic04/logo-google-earth.jpg" width="120" /></span></a></p></div></div><div><span style="font-family:verdana;">Un exemple, <b>Rolle</b> au coeur de la Côte vaudoise avec </span><a title="Rolle au coeur de la côte vaudoise - Google Earth" href="http://www.liens-du-vin.ch/_winemap/carte-rolle.kml" target="_blank"><span style="font-family:verdana;">Google Earth</span></a><span style="font-family:verdana;"> et la carte classique avec </span><a title="Rolle au coeur de la côte vaudoise - Google Maps" href="http://www.liens-du-vin.ch/_winemap/maps_rolle.htm" target="_blank"><span style="font-family:verdana;">Google Maps</span></a><span style="font-family:verdana;">.<br /></span><br /><a title="Les vignes vues du ciel" href="http://www.liens-du-vin.ch/_winemap/index.asp" target="_blank"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5060113560354725058" title="Les vignes vues du ciel" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="Les vignes vues du ciel" src="http://1.bp.blogspot.com/_kbpHBa3_G9o/RjkieTgUnMI/AAAAAAAAAFE/3vMggmsfYcI/s320/rolle-leman.jpg" border="0" /></span></a><span style="font-family:verdana;"> </span></div></div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-5470254307254507112?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/t6kML_n39YE" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/05/partager-ses-lieux-gographiques-favoris.htmltag:blogger.com,1999:blog-30801821.post-11998885164037101392007-04-15T23:38:00.002+02:002009-05-30T01:57:36.329+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/mcnbVr1nmCw6F3NC5Zc7dAUc0Xk/0/da"><img src="http://feedads.g.doubleclick.net/~a/mcnbVr1nmCw6F3NC5Zc7dAUc0Xk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/mcnbVr1nmCw6F3NC5Zc7dAUc0Xk/1/da"><img src="http://feedads.g.doubleclick.net/~a/mcnbVr1nmCw6F3NC5Zc7dAUc0Xk/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong>Utiliser l'option Pied de Page d'article de flux (<span lang="en">feed item footer</span>)</strong><br /><br />Blogger.com permet avec l'option <strong><em>Pied de Page d'article de flux</em></strong>, de placer une mention ou une signature au pied de chaque article de flux.<br /><br />Prévue pour <strong><em>AdSense pour les flux</em></strong>, toujours en phase d'essais, la zone prévue pour la signature accepte du <strong><em>code html</em></strong>, d'au maximum <strong><em>255</em></strong> caractères.<br /><br />Chaque article peut ainsi être signé par un lien, un logo ou un message personnel renvoyant à un site ou un blog :</span><br /><br /><p style="TEXT-ALIGN: center"><br /><br /><span style="color:#993300;"><img height="56" src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" /></span><a title="Liens du Vin" href="http://www.liens-du-vin.ch/feed-item-footer.html" target="_blank"><span style="color:#993300;"> Signature de flux </span></a><span style="color:#993300;"><img height="56" src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" /><br /></span><br /></p><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-1199888516403710139?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/T1a7pH1l6QA" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/04/une-signature-pour-les-flux-de.htmltag:blogger.com,1999:blog-30801821.post-39632283758970656902007-03-05T00:51:00.001+01:002009-05-30T18:04:19.661+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/lh3DpJ82ZEIIWdnJ_keqbaJnnQ8/0/da"><img src="http://feedads.g.doubleclick.net/~a/lh3DpJ82ZEIIWdnJ_keqbaJnnQ8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/lh3DpJ82ZEIIWdnJ_keqbaJnnQ8/1/da"><img src="http://feedads.g.doubleclick.net/~a/lh3DpJ82ZEIIWdnJ_keqbaJnnQ8/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong><a title="MyBlogLog" href="http://www.mybloglog.com/buzz/members/prac/" target="_blank">MyBlogLog.com</a></strong> propose un widget permettant d'identifier les visiteurs de son site ou de son blog.<br /><br />Au prix d'un petit javascript à placer entre les balises et on peut disposer de la liste des derniers visiteurs, avec leur photo.<br /><br />Seuls les <strong>membres de MyBlogLog</strong> figurent, bien entendu !! On peut inscrire plusieurs sites ou blog sur ce service. Petit inconvénient, le profil du visiteur s'ouvre dans la fenêtre courante.<br /><br /></span><br /><br /><p><a title="Ma communauté MyBlogLog" href="http://www.mybloglog.com/buzz/members/prac/" target="_blank"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5038222945905130226" title="Ma communauté MyBlogLog" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="Ma communauté MyBlogLog" src="http://2.bp.blogspot.com/_kbpHBa3_G9o/RetdE13luvI/AAAAAAAAADk/vOSKVH1n1-s/s400/mybloglog-visitors.jpg" border="0" /></span></a></p><br /><p><span style="font-family:verdana;"><a href="http://blogasty.com/prac53-blog" target="_blank" title="Blogasty - promotion digg-like">Blogasty.com</a> offre aussi un widget, mais il est limité à un seul blog.</span></p><p><span style="font-family:verdana;"><br /></span></p><p><a title="Blogasty - promotion digg-like" href="http://blogasty.com/prac53-blog" target="_blank"><span style="font-family:verdana;"><img id="BLOGGER_PHOTO_ID_5074517798507530850" title="Blogasty - promotion digg-like" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="Blogasty - promotion digg-like" src="http://4.bp.blogspot.com/_kbpHBa3_G9o/RmxPDUJwSmI/AAAAAAAAAGM/OzvWDyKc2jI/s320/blogasty.jpg" border="0" /></span></a><span style="font-family:verdana;"> </span></p><p><span style="font-family:verdana;">Et même petit inconvénient, les billets du visiteur s'ouvrent dans la fenêtre courante.<br /></span></p><p><br /></p><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-3963228375897065690?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/gCO1YFytsVQ" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2007/03/identifier-les-visiteurs-de-vos-sites.htmltag:blogger.com,1999:blog-30801821.post-52220838414794430492007-02-18T18:15:00.001+01:002009-05-30T18:05:14.069+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/J5UkZ7F4nyhko9BbiHuyXJ_zWsc/0/da"><img src="http://feedads.g.doubleclick.net/~a/J5UkZ7F4nyhko9BbiHuyXJ_zWsc/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/J5UkZ7F4nyhko9BbiHuyXJ_zWsc/1/da"><img src="http://feedads.g.doubleclick.net/~a/J5UkZ7F4nyhko9BbiHuyXJ_zWsc/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong>Intégrer un lecteur de flux RSS sur son site ou son blog grâce à Google Reader</strong> </span><div><br /><div><span style="font-family:verdana;">Google Reader permet de placer un clip (une liste des titres d'articles) sur son site. L'option <strong><em><span lang="en">put a clip on your site</span></em></strong> de l'onglet <strong><em><span lang="en">settings</span></em></strong> permet de créer le code javascript correspondant.</span></div><br /><div><span style="font-family:verdana;">Le flux RSS s'affiche dans le style du site. Une petite modification du javascript d'origine permet d'ouvrir les articles dans une nouvelle fenêtre (target="_blank").</span></div><br /><div style="TEXT-ALIGN: center"><br /><a title="Un lecteur de flux RSS fournit par Google Reader" href="http://www.liens-du-vin.ch/lecteur-flux-rss.htm" target="_blank"><img id="BLOGGER_PHOTO_ID_5032925266865674146" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="Un lecteur de flux RSS fournit par Google Reader" src="http://1.bp.blogspot.com/_kbpHBa3_G9o/RdiK3Vid16I/AAAAAAAAADY/iX_8MVqVuVY/s400/google-reader-clip.jpg" border="0" /></a> </div></div><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-5222083841479443049?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/dDe0QsplDeI" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/02/un-lecteur-de-flux-intgr-sur-son-site.htmltag:blogger.com,1999:blog-30801821.post-9292051168991062362007-01-28T01:55:00.001+01:002009-05-30T18:05:44.472+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/iuhKzlaJ1dUKnpy7mgQoXrYZdNM/0/da"><img src="http://feedads.g.doubleclick.net/~a/iuhKzlaJ1dUKnpy7mgQoXrYZdNM/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/iuhKzlaJ1dUKnpy7mgQoXrYZdNM/1/da"><img src="http://feedads.g.doubleclick.net/~a/iuhKzlaJ1dUKnpy7mgQoXrYZdNM/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong>Créer un fichier Google Sitemaps avec le flux RSS d'un blog sur blogger.com</strong> </span><br /><br /><span style="font-family:verdana;">C'est possible, Google accepte le flux Atom.<br /><br />Un exemple :<br /><br />Le </span><a title="Le flux RSS des Découvertes des Liens du Vin" href="http://viti-vino-feed.blogspot.com/atom.xml" target="_blank"><span style="font-family:verdana;">flux RSS</span></a><span style="font-family:verdana;"> du </span><a title="Le blog des Découvertes des Liens du Vin" href="http://viti-vino-feed.blogspot.com" target="_blank"><span style="font-family:verdana;">blog des Découvertes des Liens du Vin</span></a><span style="font-family:verdana;"> </span><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-929205116899106236?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/7gD8M6--cyg" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com1http://viti-vino.blogspot.com/2007/01/un-sitemap-pour-un-compte-bloggercom.htmltag:blogger.com,1999:blog-30801821.post-64263001477054694492007-01-27T00:29:00.001+01:002009-05-30T18:07:18.906+02:00 <p><a href="http://feedads.g.doubleclick.net/~a/drAmWJDFPkDnD6e6nmK_6sLMB78/0/da"><img src="http://feedads.g.doubleclick.net/~a/drAmWJDFPkDnD6e6nmK_6sLMB78/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/drAmWJDFPkDnD6e6nmK_6sLMB78/1/da"><img src="http://feedads.g.doubleclick.net/~a/drAmWJDFPkDnD6e6nmK_6sLMB78/1/di" border="0" ismap="true"></img></a></p><span style="font-family:verdana;"><strong>Une page autonome pour chaque video</strong><br /><br />Chaque video est sur une page qui est valide html 4.01 (plus de tag &lt;embed&gt;).</span><br /><span style="font-family:verdana;"></span><br /><span style="font-family:verdana;">Le contenu actif est appelé par javascript, pour éviter le <em>message cliquez ici pour activer ce contrôle</em>.<br /><br /></span><a title="Pontet-Canet Bordeaux, les quatre saisons (Vivaldi)" href="http://www.liens-du-vin.ch/video_pontet_canet.htm" target="_blank"><span style="font-family:verdana;">Pontet-Canet Bordeaux, les quatre saisons (Vivaldi)</span></a><span style="font-family:verdana;"><br /><br /></span><a title="Comment goûter un vin - Philippe Faure-Brac, meilleur sommelier du monde" href="http://www.liens-du-vin.ch/video_philippe_faure_brac.htm" target="_blank"><span style="font-family:verdana;">Comment goûter un vin - Philippe Faure-Brac, meilleur sommelier du monde</span></a><span style="font-family:verdana;"><br /><br /></span><a title="WWF, Wine, Cork, Portugal and the Lynx" href="http://www.liens-du-vin.ch/video_cork.htm" target="_blank"><span style="font-family:verdana;">WWF, Wine, Cork, Portugal and the Lynx</span></a><span style="font-family:verdana;"><br /><br /></span><a title="Wine Tasting Tips" href="http://www.liens-du-vin.ch/video_tasting_tips.htm" target="_blank"><span style="font-family:verdana;">Wine Tasting Tips</span></a><span style="font-family:verdana;"><br /></span><br /><br /><p><span style="font-family:verdana;">Et quelques videos sur la <a title="Quelques videos sur la Suisse" href="http://www.liens-du-vin.ch/video.html#suisse" target="_blank">Suisse</a>, dont la fameuse video sur l'aviation : <a title="Push the Limit, musique My Immortal de Evanescence" href="http://www.liens-du-vin.ch/video_swiss_air.htm" target="_blank">Push the Limit, musique My Immortal de Evanescence</a>.</span></p><p><span style="font-family:Verdana;">Pour les amateurs, <a title="Thierry Henry" href="http://www.liens-du-vin.ch/video_thierry_Henry.htm" target="_blank">Thierry Henry</a></span></p><p><span style="font-family:Verdana;"></span></p><p><span style="font-family:verdana;"></p></span><div class="blogger-post-footer"><p style="text-align: center;"><br /> &nbsp;<img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <a href="http://www.liens-du-vin.ch" title="Liens du Vin" target="_blank">&nbsp;Les Liens du Vin&nbsp;</a> <img src="http://www.liens-du-vin.ch/_pic01/vin004.gif" width="20" height="56" /> <br /></p><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30801821-6426300147705469449?l=viti-vino.blogspot.com'/></div><img src="http://feeds.feedburner.com/~r/blogspot/viti-vino/~4/J5VfSxC0Ow4" height="1" width="1"/>viti-vinohttp://www.blogger.com/profile/13223666216677678983philippe.chappuis@gmail.com0http://viti-vino.blogspot.com/2007/01/les-vidos-des-liens-du-vin.html