Sommaire - (Tous les blogs) Widgets et gadgets

Voici des widgets pour décorer votre blog : jeux, calendriers, horloges ...

1. Afficher la date et l'heure
2. Installer une horloge
3. Afficher l'horoscope
4. Afficher le saint du jour
5. Proposer un service de rappel des anniversaires
6. Installer un calendrier décoratif 
7. Créer son propre calendrier décoratif
8. Afficher la météo
9. Afficher les horaires des marées

1. Afficher la citation du jour
2. Afficher la pensée du jour

1. Afficher le cocktail du jour

1. Afficher le programme de la télévision
2. Afficher le programme du cinéma
3. Afficher les informations

1. Afficher une critique de votre blog
2. Afficher vos traits de caractère
3. Afficher votre humeur du jour

1. Installer une boîte à mots doux
2. Afficher la blague du jour
3. Proposer des devinettes Mr et Mme ont un fils
4. Proposer des jeux
5. Proposer le kakuro du jour
6. Proposer le mahjong du jour
7. Proposer le puzzle du jour
8. Proposer le sudoku du jour
9. Proposer les mots croisés du jour

1. Adopter un animal virtuel
2. Installer un aquarium
3. Afficher une boîte à meuh

1. Afficher les tendances du Web

1. Personnaliser le widget HelloCoton

Avertissement : souvent, les sites, qui vous proposent gratuitement des widgets, en profitent pour mettre de la pub sur votre blog. Ne vous étonnez donc pas de voir surgir des fenêtres popup sur celui-ci, elles ne sont pas de ma volonté.

Personnaliser le widget HelloCoton

Hellocoton est une communauté qui a pour ambition de réunir et de mettre en avant les talents et la richesse des blogs féminins. Si votre blog correspond aux critères, n'hésitez pas à vous inscrire, l'ambiance y est excellente.

Il se peut que le design original du widget HelloCoton ne corresponde pas au design de votre blog.

Rappel : pour obtenir le code à installer sur votre blog, dans votre administration HelloCoton, vous cliquez sur Moi en haut à droite > Outils pour mon blog > Mini-Profil

Voici comment le personnaliser :

Lorsque vous collez le code donné par HelloCoton, vous rajoutez à la suite, toujours en HTML :

<style type="text/css">
Les lignes CSS
</style>

A la place de Les lignes CSS, vous collez celle(s) dont vous avez besoin. Sur ce modèle :

<style type="text/css">
.hellocoton-widget {background:#CFD2E2!important;border:1px solid #AAAAAA!important;}
.hellocoton-widget .header {background-color:#DDDDEE!important;}
</style>

A noter : la mention !important doit toujours apparaître.

Voici les plus utilisées :

POUR MODIFIER LE FOND BLANC ET L'ENCADREMENT

.hellocoton-widget {background:#CFD2E2!important;border:1px solid #AAAAAA!important;}

POUR MODIFIER LE FOND BLEU CLAIR D'ENTETE

.hellocoton-widget .header {background-color:#DDDDEE!important;}

POUR MODIFIER LA COULEUR DES LIENS (pseudo - j'aime les articles - Suivie par x amies - pseudos des amies)

.hellocoton-widget a {color:red!important;}

POUR MODIFIER LA COULEUR DE Voir tout

.hellocoton-widget h1 span.tabs a {color:yellow!important}

POUR EFFACER Retrouvez X sur HelloCoton SOUS LE WIDGET 

Lorsque vous collez le code donné par HelloCoton en HTML, il suffit d'effacer ce qui est en rouge

<script src="http://widget.hellocoton.fr/blog/annak/300px" type="text/javascript"></script><div style="font-size:8px;color:#888;text-decoration:none;clear:both;padding:5px;text-align:left">Retrouvez <a href="http://www.hellocoton.fr/mapage/annak" style="color:#444;text-decoration:none;">annak</a> sur<a href="http://www.hellocoton.fr/" style="color:#444;text-decoration:none;">Hellocoton</a></div>

POUR MODIFIER LA LARGEUR DU WIDGET

Tourjours dans le code donné par HelloCoton, vous modifiez ce qui est en rouge :

<script src="http://widget.hellocoton.fr/blog/annak/300px" type="text/javascript"></script><div style="font-size:8px;color:#888;text-decoration:none;clear:both;padding:5px;text-align:left">Retrouvez <a href="http://www.hellocoton.fr/mapage/annak" style="color:#444;text-decoration:none;">annak</a> sur<a href="http://www.hellocoton.fr/" style="color:#444;text-decoration:none;">Hellocoton</a></div>

Et voici mon Widget personnalisé :

Si besoin est : les codes couleur, les encadrements et les background

Afficher les tendances du web

Un widget que vous avez sans doute vu sur certains blogs. Il décrit les tendances du Web : navigateurs, moteurs de recherche, etc ... les plus utilisés.

Allez sur Keypi

Cliquez sur en savoir plus, complétez le formulaire.

Vous recevez un mail dans la journée avec le code à coller en HTML

et vous obtenez

You need to upgrade your Flash Player

Afficher une boîte à meuh

L'indispensable des indispensables : La boîte à Meuh.

Allez chez BOITAM.

En haut de l'écran, choisissez le drapeau avec la langue voulue.

Cliquez sur Plus! (wallpapers)

Cliquez sur La Boîte à Meu sur ton site

Cliquez sur Clique pour le code à copier sur ton site

Vous copiez le code

<object width="150" height="230" title="mini-boitameu"><param name="movie" value="http://boitam.eu/boitam.eu.petit.swf" /><embed src="http://boitam.eu/boitam.eu.petit.swf" type="application/x-shockwave-flash" width="150" height="230"></embed></object>

et vous le collez en HTML. Il fonctionne parfaitement et je me demande comment j'ai pu vivre sans, jusqu'à maintenant...

Adopter un animal virtuel

Un des gadgets indispensables à un blog : l'animal virtuel

Allez chez BUNNYHEROLABS . C'est en anglais, mais facile.

1ère étape : choisir son animal

2ème étape : lui donner un nom, mettre son propre pseudo, lui donner une couleur

Cliquer sur Finish

3ème étape :

Cliquer sur Other sites et choisir le code suivant :

<BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed src="http://petswf.bunnyherolabs.com/adopt/swf/cat" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer"
flashvars="cn=mimi&an=annak&clr=0x8533ee" type="application/x-shockwave-flash">
</embed><br />
<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>
</div>
<BUNNYHERO PET END />
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0
src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjQzMjYzNTA*ODQmc HQ9MTIyNDMyNjM4NjkzNyZwPTU1NzEmZD*mZz*yJnQ9Jm89NjllN
TU5NzUwZGI4NDQwZGI4MmNjMDE 3NzM*NTI1NTM=.gif" />

et le coller en HTML.

Nous obtenons cette merveilleuse créature :

adopt your own virtual pet!

Afficher la date et l'heure

Ce premier script -en javasccript- donne seulement la date

En HTML, vous copiez ce code

<font color="#D8E2EC">Bonjour, nous sommes le <script language="javascript"
type="text/javascript">
// PLF - http://www.jejavascript.net/
var datedujour, date, mois, mois1, jour, jour1, an;
datedujour = new Date();
jour = datedujour.getDay()
switch(jour){
case 1 :
jour1 ="Lundi"
break;
case 2 :
jour1 ="Mardi"
break;
case 3 :
jour1 ="Mercredi"
break;
case 4 :
jour1 ="Jeudi"
break;
case 5 :
jour1 ="Vendredi"
break;
case 6 :
jour1 ="Samedi"
break;
case 0 :
jour1 ="Dimanche"
break;
}
date = datedujour.getDate()
mois = datedujour.getMonth()
switch(mois+1){
case 1 :
mois1 ="Janvier"
break;
case 2 :
mois1 ="Février"
break;
case 3 :
mois1 ="Mars"
break;
case 4 :
mois1 ="Avril"
break;
case 5 :
mois1 ="Mai"
break;
case 6 :
mois1 ="Juin"
break;
case 7 :
mois1 ="Juillet"
break;
case 8 :
mois1 ="Août"
break;
case 9 :
mois1 ="Septembre"
break;
case 10 :
mois1 ="Octobre"
break;
case 11 :
mois1 ="Novembre"
break;
case 12 :
mois1 ="Décembre"
break;
}
an = datedujour.getFullYear()
document.write("<div align='center'><font size='+1'><b>");
document.write(jour1, " ");
document.write(date, " ");
document.write(mois1 , " ");
document.write(an, " ");
document.write("</b></font></div>");
</script></font>

Vous pouvez personnaliser ce qui est en rouge et vous obtenez :

Bonjour, nous sommes le

Ce second script -en flash- donne la date et l'heure

Il s'agit d'un code flash, donc accessible aux blogs en confiance, trouvé chez Clocklink à coller en html

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="192" height="16"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src"
value="http://www.clocklink.com/clocks/5004-orange.swf?TimeZone=France_Paris&Place=&DateFormat=dd+/+MMM+/+yyyy+DDD&TimeFormat=HH:mm:ss&"><param name="wmode"
value="transparent"><embed type="application/x-shockwave-flash" width="192" height="16"
src="http://www.clocklink.com/clocks/5004-orange.swf?TimeZone=France_Paris&Place=&DateFormat=dd+/+MMM+/+yyyy+DDD&TimeFormat=HH:mm:ss&" wmode="transparent"></object>

Ce qui donne

Proposer un service de rappel des anniversaires

Vous trouverez ci-dessous 2 solutions.

L'anniversaire des blogueurs :

Vous vous rendez chez ton anniversaire.com.

Vous complétez le tableau (adresse de la page où sera ce module-couleur de fond, de police et du cadre).
Le petit piège est qu'il va vous falloir dans un premier temps éditer l'article (vide, mais avec un titre), aller sur votre blog récupérer l'adresse de cet article pour pouvoir compléter "adresse de la page où sera ce module".

Ensuite, vous cliquez sur Valider.

Vous obtenez un code de ce genre

<!--DEBUT DU CODE DU MODULE TON-ANNIVERSAIRE.COM-->
<table width="250" border="1" bordercolor="#000033" cellspacing="0" cellpadding="0"><tr><td><form action="http://www.ton-anniversaire.com/trait-module.php"
method="post"><div align="center">
<input type="hidden" name="name_site" value="http://annak.over-blog.com/article-10009185.html" size="20">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif" color='#660033'>Entrez la date d'anniversaire d'un de vos ami et nous vous la rappellons 2 jours avant !</font><font
size="1"><br>
<font face="Verdana, Arial, Helvetica, sans-serif" color='#660033'>Nom de votre ami:</font>
<input type="text" name="titre_alerte_anniversaire" size="15"><br>
<font face="Verdana, Arial, Helvetica, sans-serif" color='#660033'>Date de l'anniversaire:</font>
<select size="1" name="jour_evenement"><option value="01">1
<option value="02">2
<option value="03">3
<option value="04">4
<option value="05">5
<option value="06">6
<option value="07">7
<option value="08">8
<option value="09">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31</select>
<select size="1" name="mois_evenement"><option value="01">Janv
<option value="02">Fev
<option value="03">Mars
<option value="04">Avr
<option value="05">Mai
<option value="06">Juin
<option value="07">Juil
<option value="08">Aout
<option value="09">Sept
<option value="10">Oct
<option value="11">Nov
<option value="12">Dec</select><br>
<font face="Verdana, Arial, Helvetica, sans-serif" color='#660033'>Vous prevenir à cet email:</font>
<input type="text" name="email" size="10"></font><br>
<input type="submit" name="action" value="Valider"><br>
<!--Merci de laisser la ligne suivante tel quel afin de continuer a faire vivre ce service gratuit-->
<font size="1" face="Arial, Helvetica, sans-serif" color='#660033'>En partenariat avec <a href="http://www.ton-anniversaire.com" target="_blank">Ton-Anniversaire.com</a></font> </div>
</form></td></tr></table>
<!--FIN DU CODE DU MODULE TON-ANNIVERSAIRE.COM-->

Vous le collez en HTML de l'article et vous obtenez

Entrez la date d'anniversaire d'un de vos amis et nous vous la rappellons 2 jours avant ! Nom de votre ami: Date de l'anniversaire: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Janv Fev Mars Avr Mai Juin Juil Aout Sept Oct Nov Dec Vous prevenir à cet email: En partenariat avec Ton-Anniversaire.com

L'anniversaire des blogs :

En allant sur BLOGOVERSARY

Saisissez la date de naissance, le nom et l'adresse du blog

Cliquez sur Generate Code Below

Copiez le code

<a href="http://www.blogoversary.com"><img src="http://www.blogoversary.com/button.php?born_date=2006-06-26" alt="Get your own free Blogoversary button!" border=0></a>

Collez-le en HTML

Créer son propre calendrier décoratif

Voici les explications pour 2 sortes de calendrier.

Le premier :

Choisissez et hébergez une image d'environ 60*60 px.

Dans l'HTML, vous collez :

<table height="120" cellspacing="0" cellpadding="0" width="80" border="3">
<tbody>
<tr>
<td bordercolor="#000066" bgcolor="#000000">
<table height="120" cellspacing="0" cellpadding="0" width="80" border="0">
<tbody>
<tr>
<td align="center" bgcolor="#000000" height="20"><font color="#ffffff">
<SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Heure = Today.getHours();
Min = Today.getMinutes();
Message =Heure + "h" + Min + "m";
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
document.write(Message);
</SCRIPT></font></td>
</tr>
<tr>
<td align="center" bgcolor="#000000" height="60"><img height="68" alt="" src="adresse de l'image" width="60" /></td>
</tr>
<tr>
<td align="center" bgcolor="#000000" height="20"><font color="#ffffff">
<SCRIPT LANGUAGE="JavaScript">
Today = new Date;
Jour = Today.getDate();
Mois = (Today.getMonth())+1;
Annee = Today.getFullYear();
Message = Jour + "/" + Mois + "/" + Annee;
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
document.write(Message);
</SCRIPT></font></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

Maintenant, personnalisez votre calendrier

bordercolor="#000066" couleur de l'encadrement
bgcolor="#000000" couleur de fond
font color="#ffffff" couleur de la police
http://idata.over-blog.com/0/37/17/67/trouvailles/ch35.gif adresse de votre image

Et vous obtenez : 


L'heure et la date n'apparaîtront qu'à l'édition

Afficher les horaires des marées

Un gadget amusant pour ceux qui aiment la mer : allez sur FRBATEAUX

Dans le menu déroulant choisissez votre port.

Par exemple : Etretat

Copiez le code qui s'affiche dans la fenêtre :

<iframe src="http://horloge.maree.frbateaux.net/ws17" width="226" height="217" frameborder="0" scrolling="no"><a href="http://maree.frbateaux.net/"
target="_top">Calendrier des marées - horaire, hauteur et coefficient de marée</a></iframe>

Collez le en HTML et vous obtenez



Ne me demandez pas d'explications sur la lecture de cette horloge, je n'y connais rien ;)

Installer une boîte à mots doux

J'ai trouvé l'idée "chou"

Le mode d’emploi en est fort simple : quand au cours de la journée, vous être pris d’un coup de blues, de pompe, ou d’une simple en vie de câlin, vous cliquez sur un des 2 boutons et
vous avez un compliment tout prêt à vous remonter le moral.

Pour trouver le code, vous allez sur  BOITE A MOTS DOUX

Vous copiez le code

<script src="http://lolobobo.free.fr/boitamotsdoux/boitamotsdoux.js"></script>

Vous le collez en HTML

Vous pouvez tester.



Le résultat se voit en prévisualisation et à l'édition

Afficher votre humeur du jour

Encore un gadget indispensable et très tendance : Faîtes savoir au monde comment vous vous sentez !

Allez sur  IRATEMYDAY

Cliquez sur Créer un compte gratuit (adresse mail-mot de passe-adresse de blog)

Cliquez ensuite sur Evaluer Complétez le petit questionnaire

Cliquez sur Mon compte

Puis outils



Obtenez des codes HTML pour insérer des widgets dans votre blogue ou site Web ! Copiez et collez simplement le code dans votre page et laissez ainsi savoir à vos visiteurs vos sentiments chaque jour !

Vous obtenez un code

<a href="http://service.iratemyday.com/Rating.aspx?u=annak" target="_blank"><img src="http://service.iratemyday.com/Image.aspx?u=annak&l=fr" alt="Cliquez ici pour lire mon
&eacute;valuation !" border="0"></a>

que vous collez en HTML



Lorsque les utilisateurs cliquent sur l'image, ils vont être redirigés vers votre dernière évaluation

Afficher vos traits de caractère

Allez sur TRAITCLOUD

Saisissez votre pseudo, adresse mail et trait de caractère principal

Cliquez sur Get your personalized traitcloud codes

Vous obtenez un code

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="200" height="300"
id="traitcloud" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="transparent" />
<param name="movie" value="http://www.traitcloud.com/traitcloud.swf?name=Annak&userid=7ebdeccb-577f-4d47-
ab65-842e0c4702f8" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed
src="http://www.traitcloud.com/traitcloud.swf?name=Annak&userid=7ebdeccb-577f-4d47-
ab65-842e0c4702f8" quality="high" wmode="transparent" bgcolor="#ffffff" width="200" height="300" name="traitcloud" align="middle" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Vous le collez en HTML



et chacun de vos visiteurs pourra

• soit cliquer sur un mot existant pour le grossir
  
• soit en rajouter un
  

Visible à la prévisualisation.

Sympa, non ?

Proposer des devinettes Mr et Mme ont un fils

Un widget pour amuser vos visiteurs : Monsieur et Madame ont un fils...

Le code, à trouver sur Monsieur-et-Madame.fr, à copier et à coller en HTML :

<script type="text/javascript" src="http://www.monsieur-et-madame.fr/modules/affichage/xaleatoire.php?nbr=x"></script>
Remplacez le x (en rouge) par le nombre de devinettes voulues.

Et on obtient : (visible en prévisualisation et à l'édition)

Proposer des jeux

Voici plusieurs sites qui proposent des jeux à installer sur votre blog.

PLAYBIE

Allez sur PLAYBIE

Choississez votre jeu
Inscrivez l'adresse et le nom de votre blog
Cliquez sur Générate code

Le premier code - New window - ouvre une fenêtre.

<a href="http://www.playbie.com/Game.aspx?g=1&w=3&gn=Les%20ficelles%20d'Anna%20K.&s=
88C95841CB337FB6" target="_blank">Play Tetris Classic</a>

Play Tetris Classic

Le second code est un Iframe. Le jeu apparaîtra sur le blog

<iframe src="http://www.playbie.com/Game.aspx?g=1&w=2&gn=Les%20ficelles%20d'Anna%20K.&s=
88C95841CB337FB6" frameborder="0" width="600" height="680"></iframe>

Une autre adresse : FREEGAMESFORYOURWEBSITE

Sélectionnez le jeu qui vous intéresse, cliquez sur Get HTML Code
Copiez le code IFRAME

<iframe width="550" height="400" src="http://www.freeonlinegames.com/embed.php?g_id=1760" frameborder="0" scrolling="no"></iframe>

Collez le en HTML et vous obtenez



Vous allez sur  JEUXFLASH
Vous copiez le code

<IFRAME src="http://www.jeuxflash.net/jeu_webmaster.php?bgcolor=ffffff&color=0000aa&face=Arial
&size=2&lien=oui&lang=fr&sex=NON" width="150" height="145" ALIGN="center" border="0"
frameborder="0" MARGINHEIGHT="0" MARGINWIDTH="0" SCROLLING="no"
HSPACE="0" VSPACE="0" ALLOWTRANSPARENCY="true"></IFRAME>

Vous le collez en HTML et vous obtenez




Sur Google

Ce widget a un design personnalisable.
Copiez ce code et collez le en HTML

<script src="http://gmodules.com/ig/ifr?url=http://www.mes-jeux-flash.com/new_games_gg.xml&
amp;synd=open&amp;w=320&amp;h=200&amp;title=Mes+Jeux+Flash&amp;
border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>

Proposer le mahjong du jour

Allez chez GoogleGadget

Paramétrez votre Mahjong (titre-taille-bordures)

Cliquez sur obtenir le code

<script src="http://gmodules.com/ig/ifr?url=http://googlegadgets.neoteksystems.com/Mahjonggadget.xml
&amp;synd=open&amp;w=320&amp;h=280&amp;title=Le+Mahjong+des+Ficelles+d'Anna+K.&amp;
border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px
+solid+%23005599%7C0px%2C1px
+solid+%230077BB%7C0px%2C1px+solid+%230088CC&amp;output=js"></script>

Collez le en html.
Le résultat est visible en prévisualisation et à l'édition, pas dans la fenêtre de saisie de l'article.

Proposer le kakuro du jour

Le kakuro est un jeu proche du Sudoku.

La règle du jeu :

Complétez les cases de la grille de Kakuro avec des chiffres de 1 à 9, sans aucune répétition, afin que la somme de chaque ligne et colonne soit celle indiquée.

L'installation :

Allez sur 123SUDOKU

Personnalisez votre kakuro (couleur de fond, d'écriture, de bordure et de bouton)
Choisissez le type de grille voulue.
Prévisualisez, si le résultat vous convient, copiez le code HTLM, de ce genre

<script type="text/javascript"><!--
_123sudoku_type = "kakuro";
_123sudoku_couleur_fond = "99C9FF";
_123sudoku_couleur_grille = "003366";
_123sudoku_couleur_texte = "0066CC";
_123sudoku_couleur_boutons = "3D81EE";
_123sudoku_niveau = "3";
_123sudoku_interactif = "1";
_123sudoku_version = "1";
_123sudoku_design = "1";
_123sudoku_taille = "2";
_123sudoku_id_grille = "0";
--></script>
<!-- module 123sudoku.net -->
<script type="text/javascript" src="http://www.123sudoku.net/montrer_grille.js"></script>
<noscript><p>Pas de javascript, pas de grille...<br />Jouez avec 123sudoku.net au
<a href="http://www.123sudoku.net/">Sudoku</a> et au
<a href="http://www.123sudoku.net/kakuro/jouer/">Kakuro</a>.</p></noscript>
<!-- fin module 123sudoku.net -->

Et collez-le en HTML pour obtenir :

Proposer le puzzle du jour

C'est tout simple, vous allez sur LE PUZZLE

Vous copiez le code, de ce genre :

<script language="JavaScript" src="http://www.lepuzzle.com/export/js/puzzle-du-jour.js"></script>

Et vous le collez en HTML, vous obtenez

Proposer le sudoku du jour

Vous allez sur PROGRAMMETV

Vous copiez le code, de ce type :

<iframe src="http://www.programme.tv/sudoku/export/index1.php?c=" width="470"
height="850" marginwidth="0" marginheight="0" hspace="0" vspace="0"
frameborder="0" border="0"></IFRAME><noscript><a
href="http://www.programme.tv/sudoku/">Sudoku</a></noscript>

Vous le collez en HTML et vous obtenez

Afficher la blague du jour

Allez sur WEBMASTEROO

Copiez le code, de ce type

<script language="Javascript" src="http://www.webmasteroo.com/blague.php?s=1161769611"></script>

Collez le en HTML et vous obtenez

Proposer les mots croisés du jour

Allez sur ATELIER DUOTANG

Vous avez le choix entre 3 codes à insérer sur votre blog, selon le design choisi.

Par exemple :

<script language="javascript" src="http://www.atelier-duotang.com/jour/mc1.js"></script>

Vous le collez en HTML et vous obtenez



Le résultat est visible à l'édition.

Vos visiteurs cliqueront ensuite sur la grille et une fenêtre pop-up contenant les mots croisés s'ouvrira.