Ce widget tout mignon est sans java script (pas si compliqué que ça en à l'air), voici quelques animaux ci-dessus qui pourront vous tenir compagnie.

(plus de choix sur le site)

Ci vous cliquez sur "more" vous pourrez donner une  pomme à manger à Babe ou le laver avec un pshitt^^

1 Tout d'abord pour choisir votre petit animal, allez sur cette page ici

ou là  pour des objets virtuels comme le crayon qui défoule :-)

2 cliquer sur l'image choisie

3 remplir les cases

"give your new pet a name " écrire le nom de votre animal ou objet

"type your name here" écrire son nom ou prénom ou pseudo .....

4 cliquer sur le carré couleur pour définir la couleur de l'animal ou objet

5 cliquer sur "finish"

6 cliquer sur "myspace"

7 cliquer sur le script puis coller en source html d'un article ou module de votre blog

Attention ce widget aura un fond blanc !!!!

On s'arrête là pour ceux qui n'aiment pas trop bidouiller

❁ ❁ ❁ ❁ ❁ ❁ ❁ ❁ ❁ ❁

on continue plus loin pour ceux qui aiment

n'oubliez pas le raccourci ctrl F pour chercher un mot sur une page

ce qui peut s'avérer  très utile ....

8   pour mettre un fond transparent

il suffit de rajouter wmode="transparent" derrière embed

voici comme exemple, le script du crayon qui défoule :-)

que j'ai obtenu après l'étape 6 ;

j'ai collé ce script et rajouté le code en rouge 

<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.0NXC/bT*xJmx*PTEyODI4MjA2NjM4MTImcHQ9MTI4MjgyMTU1MzY4NyZwPTU1NzEmZD*mZz*yJm89NTdlNzI3NGNlYmFhNDJjZWIyYmRi/ZDljZmYzMDBkYzI=.gif" /><style>BUNNYHERO_PET_START</style>

<div style="width: 250px; padding: 0; margin: 0; text-align: center;visibility:visible">

<embed wmode="transparent"src="http://petswf.bunnyherolabs.com/adopt/swf/pencil" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=crayon%20qui%20defoule&an=nessa&clr=0xdba0ff&tc=0x00ff00" type="application/x-shockwave-flash">

<br />

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

</div>

<style>BUNNYHERO_PET_END</style>

9 Pour mettre un fond que vous aurez choisi
il faut coller après center

 ;background-image: url(votre image de fond)

voici le script que l'on obtient

<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.0NXC/bT*xJmx*PTEyODI4MjA2NjM4MTImcHQ9MTI4MjgyMTU1MzY4NyZwPTU1NzEmZD*mZz*yJm89NTdlNzI3NGNlYmFhNDJjZWIyYmRi/ZDljZmYzMDBkYzI=.gif" /><style>BUNNYHERO_PET_START</style>

<div style="width: 250px; padding: 0; margin: 0; text-align: center ;background-image: url(http://idata.over-blog.com/2/41/88/79/fonds/fond-plage.jpg);visibility:visible">

<embed wmode="transparent"src="http://petswf.bunnyherolabs.com/adopt/swf/pencil" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=crayon%20qui%20defoule&an=nessa&clr=0xdba0ff" type="application/x-shockwave-flash">

<br />

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

</div>

<style>BUNNYHERO_PET_END</style>

10 Pour changer la couleur d'écriture rajouter  &tc=0x[codecouleur]  comme ce ci  

  flashvars="......... &tc=0x00ff00"    (sans les crochets)

00ff00 est la couleur verte (sans le #) trouvez d'autre code couleur  ici

ce qui donne comme script

<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.0NXC/bT*xJmx*PTEyODI4MjA2NjM4MTImcHQ9MTI4MjgyMTU1MzY4NyZwPTU1NzEmZD*mZz*yJm89NTdlNzI3NGNlYmFhNDJjZWIyYmRi/ZDljZmYzMDBkYzI=.gif" /><style>BUNNYHERO_PET_START</style>

<div style="width: 250px; padding: 0; margin: 0; text-align: center ;background-image: url(http://idata.over-blog.com/2/41/88/79/fonds/fond-plage.jpg);visibility:visible">

<embed wmode="transparent"src="http://petswf.bunnyherolabs.com/adopt/swf/pencil" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=crayon%20qui%20defoule&an=nessa&clr=0xdba0ff&tc=0x00ff00"
type="application/x-shockwave-flash">

<br />

<small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>

</div>

<style>BUNNYHERO_PET_END</style>