Widget de la radio

Voilà un gadget bien sympa pour permettre à tes visiteurs d'écouter la radio sur ton site.

Le widget radio est le player radio numéro 1 entièrement gratuit. Le gadget radio permet d'écouter une cinquantaine de radios françaises en direct, mais aussi des radios italiennes, et des radios allemandes. Les autres radios ne devraient pas trop tarder... Un grand choix de radios, la possibilité de mettre en favoris ses radios préférées.

Code de la radio :

<script src="http://www.gmodules.com/ig/ifr?url=http://widget.widget-radio.com/widget-radio/igoogle/widget-radio.xml&amp;synd=open&amp;w=330&amp;h=330&amp;title=Widget%20Radio&amp;lang=fr&amp;country=ALL&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>

Restrictions au code

Les blogs OB en mode confiance ne peuvent pas utilsier ce code, car il est en javascript !

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

1. Adopter un animal de compagnie pour votre blog

C'est encore une animation trouvée chez BunnyHerolabs, mais cette fois, je vous propose d'adopter un animal de compagnie.

Tous ces animaux sont interactifs : ils suivent des yeux votre souris, et se déplacent si vous cliquez.

Vous avez le choix entre cheval, furet, panda, chien, chat, cochon, araignée, pingouin... et bien d'autres encore.

Une fois votre animal choisi, vous lui donnez un nom et vous changez (si vous le voulez) sa couleur.


2. Mettre votre animal de compagnie sur votre blog

Si vous ne voulez pas copier le code, il suffit de sélectionner votre hébergeur de blog, remplir les info demandées et le système vous crée directement un article avec votre animal personnalisé.

Sinon, vous récupérez le code fourni dans la fenetre "Embed code" après, avoir cliqué sur "other sites" et vous le collez en mode HTML.


3. Code HTML du petit cochon

Pour exemple, le code du petit cochon est :

<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*PTEyNTk4MzgxOTQ*MDYmcHQ9MTI1OTgzODIwNzI4MSZwPTU1NzEmZD*mZz*yJm89MDE1ODJhMGYyMzI2NGM*N2E2ZWZhNDhkY2FiZDhmZTQ=.gif" /><BUNNYHERO PET START />
<div style="width: 250px; padding: 0; margin: 0; text-align: center">
<embed src="http://petswf.bunnyherolabs.com/adopt/swf/pig" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=groin&an=cochonnet&clr=0xfddbfa" 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 />

A lire aussi :  Un petit animal qui se balade sur votre écran

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Aujourd'hui, on s'amuse avec nos photos et on se personnalise notre bouille avec des fonds et des effets surprenants :


Je vous montre ici quelques exemples comme :

Dans un oeil, dans une goutte d'eau, en reflet dans les lunettes


Mais il y en a beaucoup d'autres : dans la bouche du bébé qui baille, dans le feu, sur un panneau routier, dans les nuages, dans un coucher de soleil, une feuille....


Allez voir, c'est chez WishAFriend !

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Aujourd'hui, je vous mets au régime en vous aidant à calculer les calories de vos repas.

Le gadget "Calculateur de calories"

Un clic sur le calculateur en haut de page.

Ensuite, vous tapez l'aliment consommé, puis chaoisissez la quantité.

Vous obtenez immédiatement les calories et informations nutritives.

Le code du gadget "Calculateur de calories"

<style type="text/css">
<!--
a.L {   background-image: url('http://www.coach-gym.com/annuaire/img/calculateur_calories.gif') ;  width: 126px;  display: block;}
a.L:hover { background-image: url('http://www.coach-gym.com/annuaire/img/calculateur_calories2.gif') }
-->
</style>
<img src="http://www.coach-gym.com/annuaire/img/calculateur_calories2.gif" style="display: none">
<dt>
 <a class="L" href="http://www.coach-gym.com/calorie.html" target="_blank"><img src="http://www.coach-gym.com/annuaire/img/vide.gif" width="126" height="38" border="0" alt="calculer calories" /></a>
</dt>

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Ce compte à rebours avant Noël pour ne pas oublier de préparer cette journée !

 

On trouve plein de comptes à rebours chez WishAFriend.

* On choisit l'image qui nous plaît

* on renseigne la date et l'évenement à prendre en compte pour le compte à rebours

* On appuie sur "Get Code"

* Si on souhaite le code HTML, un petit clic sur "copy"

* Si on souhaite qu'un article se crée directement dans votre blog, on choisit son hébergeur et on renseigne les info demandées !

Code HTML du compte à rebours avant Noel

Celui utilisé en haut de cet article a pour code :

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjA4MjYyMjc1MDAmcHQ9MTMyMDgyNjI2NDY4NyZwPTM2MzYxJmQ9d2FmLXR3aXR*ZXJ3aWRnZXRzJmc9MSZvPWYz/ZGFkYTI*ZjRmNTQ1YjhiZTJmM2JjMTljYWMzYTNm.gif" /><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/countdown/swf/christmas25.swf?then_year=2011&then_month=11&then_day=25&eventt=Noel" quality="high" width="480" height="180" swliveconnect="true" allowscriptaccess="samedomain" /><br><a href="http://www.wishafriend.com/countdown/" target="new">Myspace Countdowns</a>, <a href="http://www.wishafriend.com/countdown/christmas/" target="new">Christmas Countdowns</a> at WishAFriend.com

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles