Overblog Suivre ce blog
Administration Créer mon blog
12 avril 2013 5 12 /04 /avril /2013 09:11

 Une radio sur ton site, où tu choisis

celle que tu veux écouter, la langue...

 

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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
10 avril 2013 3 10 /04 /avril /2013 09:44
Google-Translate-Chinese (Simplified) BETA Google-Translate-English to French Google-Translate-English to German Google-Translate-English to Italian Google-Translate-English to Japanese BETA Google-Translate-English to Korean BETA Google-Translate-English to Russian BETA Google-Translate-English to Spanish
Powered by
Grab this Widget

 

J'ai eu beaucoup de commentaires sur mon article "Drapeaux animés traducteurs de pages" , alors je vous propose cette fois un autre gadget de traduction de page internet, à positionner sur votre blog.

 


 

 

Ou trouver cet outil de traduction avec mini drapeaux ?

 

Ce gadget se trouve chez Google, et il offre différents aspects :

 

- Celui en haut de cet article : il présente les drapeaux de traduction sur 1 ligne

 

- Un autre qui lui ressemble, mais avec des drapeaux sur 2 lignes

 

- En bas d'article, le même gadget mais présenté en colonne, avec un fond transparent ou blanc (au choix)

 

 

Traduction de vos articles pour vos visiteurs étrangers

 

Vos visiteurs n'auront qu'à cliquer sur le drapeau qui correspond à leur pays pour obtenir une traduction de votre article.

 

 

Mettre cet outil traducteur sur votre blog

 

 Comme d'habitude, il suffit de copier le code HTML fourni, et de le coller sur votre blog (en édition avancé, bouton HTML).

Le mieux est de le placer dans un module qui apparait sur tous les articles : colonne de droite, de gauche ou en-tête.

 

Un autre outil de traduction avec mini drapeaux :

 

Pour les blogs qui acceptent le javascript, il suffit de coller ce code :

 

<script src="http://www.traducteurenligne.net/traducteurgr/flags.js" language="JavaScript"></script>

et vous verrez apparaître cela :

 

 

 

 

A relire :

Venez inscrire votre blog sur ma Top Liste

html, c'est quoi ?

Astuce pour écrire en langage HTML / édition avancée

 


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
9 avril 2013 2 09 /04 /avril /2013 15:18

ImageChef.com - Custom comment codes for MySpace, Hi5, Friendster and more

 
1. Plein de cadres sympas pour vos photos

C'est sur
Imagechef  que vous trouvez des cadres et des habillages originaux pour vos photos. Ce site est entièrement gratuiot, comme tous les sites que je conseille sur mon blog !


On y trouve, par exemple :

* Le dossier "Top secret ( utilisé en haut de cet article)ImageChef.com - Custom comment codes for MySpace, Hi5, Friendster and more

* l'entourage en flocons,

* la peinture de rue

* le dossier de cours,

* les lampes de bnoel,

et encore plein d'autres encadrements.

 
2. Utiliser sa photo dans un encadrement

Le principe est toujours le même :

* Vous choisissez votre encadrement

* Vous téléchargez votre photo, puis ajustez les bords. Mieux vaut prendre une photo de forme carrée pour que tout tienne dans le cadre !

* Vous tapez éventuellement un texte à mettre en bas de photo

* Vous cliquez sur le gros bouton "Prévisualiser",

* Si le résultat vous convient, vous récupérer son code HTML en cliquant sur le bouton "Encore" en haut à droite de votre oeuvre.

ImageChef.com - Custom comment codes for MySpace, Hi5, Friendster and more


 


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
7 avril 2013 7 07 /04 /avril /2013 09:15

Smiley ordi casse 20060614.gif

C'est quoi un Smiley ?  

 

 

Smiley peut être traduit par "émoticon" (contraction de émotion et d'icône) ou << sourillard >> selon les Québécois.

 

C'est donc un petit dessin, en principe "souriant" (le nom vient de l'anglais : smile = sourire), quis ert à exprimer une émotion dans vos messages sur le net, sur les téléphones protables...

 

Je vous propose ici quelques smileys trouvés ça et là.

 

Utiliser les smileys

 

Un clic-droit puis copier.  Ensuite, vous les collez où vous voulez !

 

Quelques smileys sympas      
1. Smileys à messages
Smiley c074.gif
Smiley ZB_SOR%7E1.GIF
Smiley bonjour 888.gif
Smiley bienvenue.png
Smiley home.gif
Smiley je suis lourd.gif
Smiley vive le week end.gif
Smiley z_cool_C.gif
Smiley iloveyou 20060614.gif
Smiley mini ballon coeur et cadeau 4829.gif
Smiley smiley i love you coeur.gif
2. Smileys à Emotions Gif emoticone petit_animee 109941 Gif emoticone ange_demon 107881 Gif emoticone content 108201
./007.gif ./016.gif  ./022.gif  
Gif emoticone love 109371
Smiley 3d froid glagla.gif
Smiley drapeau blanc 947.gif
3. Smileys musicaux     
Smiley 3d trompette.gif
Smiley 0012.gif
 
Smiley 0025.gif
 
Smiley 3d musique ecouteurs.gif
Smiley danseurs multicolores.gif
Smiley danseuse 5403.gif
Smiley mini rappeur dents or 28493.gif
4. Divers Gif emoticone froid 108721  Smiley TV.gif  Gif webmaster smileys 10931
 
Smiley 3d respect prosterne 3.gif
Smiley boxe.gif
 
Smiley 0031a.gif
 
Smiley 3d ange 3.gif
 
Smiley emoticones msn dodo.gif
Smiley 3d mange spaghettis 3.gif
Smiley emoticone bubble gum 3829.gif
Smiley 3d tire la langue 3.gif
5. Smileys Animaux
Smiley cochon 20060614.gif
Smiley 3d souris fromage 2.gif
Smiley 3d tigre cute 2.gif
Smiley 3d herisson signe.gif
Smiley 3d girafe bouge.gif
Smiley 3d crabe pinces.gif
Smiley 3d herisson signe.gif
6. Smileys style Manga
Smiley bizou nippon.gif
Smiley japonais boire.gif
Smiley hello kitty pleure 16.gif
 
Smiley japonais lit.gif
Smiley smyManga03.gif
Smiley sorciere 4952.gif
Smiley petit diable noir.gif
       

superstickies




 

  * 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 jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
31 mars 2013 7 31 /03 /mars /2013 10:37

 

                                                         



Agrémenter votre blog avec des gadgets utiles, c'est joindre l'utile à l'agréable !

Ici, nous allons voir comment installer une horloge sur son blog.


Ou mettre une horloge ?

Le plus logique est de la mettre l'horloge dans un module, et non pas dans un article, afin qu'elle soit visible sur les différentes pages.

Sur Over-blog, aller dans "Configuer", puis ajouter un module "Texte libre" à gauche et placer le là où vous souhaitez qu'il apparaisse.

Cliquer ensuite sur le petit marteau pour configurer votre module, comme d'habitude : titre, et contenu.

Pour insérer une horloge, il faut passer en mode HTML, en cliquant tout à gauche du menu.


Ou trouver l'horloge ?

Je vous conseille un site très sympa, spécialisé dans les horloges, qui s'appelle
ClockLink.

Vous cliquez sur l'onglet "Gallery" pour faire votre choix d'horloge.

Ensuite, vous choisissez "View HTML code", cliquez sur OK.

1 dernière chose à faire avant de récupérer le code : paramétrer votre horloge : couleurà cliquer, en surtout : définir la zone horaire dans laquelle on se trouve. pour la France, choisir " CET : Central Europe Time" puis recopier le code fourni.


 Pour les blogs en mode "confiance", c'est le code "embed" qu'il faut prendre, les codes flash étant interdits.



Exemple pour l'horloge en haut de cet article :

<embed src="
http://www.clocklink.com/clocks/1005-brown.swf?TimeZone=CET&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">




 

                                        Rendez-vous sur Hellocoton ! 





Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
29 mars 2013 5 29 /03 /mars /2013 10:54

 



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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
28 mars 2013 4 28 /03 /mars /2013 10:43
nederlands

 


 

Suite à la demande de certains de mes lecteurs, j'ai ajouté un drapeau animé belge pour la traduction de mes articles en néerlandais.
 
En cliquant sur ce petit drapeau, présent en haut de toutes mes page, vous obtenez donc la traduction (faite par Google Translator) de mes articles en néerlandais.
 
 
Code HTML du drapeau belge gif animé
 

<img src="http://sd-1.archive-host.com/membres/up/42016049459753927/belgica.gif">

 

 

Code HTML complet du drapeau animé avec lien vers traducteur français/néerlandais

 

<div style="text-align: center;"><a onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=fr%7Cen&amp;hl=fr&amp;ie=UTF8'); return false;" rel="nofollow" target="_blank"></a><a onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=fr%7Cnl&amp;hl=fr&amp;ie=UTF8'); return false;" rel="nofollow" target="_blank"><img height="31" width="47" src="http://sd-1.archive-host.com/membres/up/42016049459753927/belgica.gif" alt="nederlands" title="Vertaal deze pagina in het Nederlands " style="cursor: hand;" /></a> </div>

 

Articles à relire

 

Mettre un drapeau animé traducteur de page WEB

Drapeaux traducteurs de page

 

 

superstickies




 

  * 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 jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
25 mars 2013 1 25 /03 /mars /2013 11:10

null



Je vous recommande auojoud'hui le blog de mon amie Katty, qui offre sur son blog pleins de gifs animés plus jolis les uns que les autres !

Ils sont classés par thème et vous y trouverez surement un à votre goût pour décorer votre blog ou un message.

Pour exemple, celui en haut de cet article est réservé à la Saint valentin, et c'est complètement d'actualité !

Mais vous avez aussi, entre autres, des gifs animés plus "passe partout", comme ce séparateur :


ou bien encore ces gentils petits chats :


Comment mettre des gifs animés

Rien de plus simple : à partir du site, vous faites un clic-droit sur le gif puis sélectionnez "copier".

Ensuite, vous "collez" le dessin là où vous voulez le mettre. (Raccourci clavier : Ctrl+V).

Cette fois, pas ,besoin d'aller en mode HTML !


A lire aussi :
Mettre une image dans vos articles
Mettre une photo en fond d'article (ou de module)
Transformer vos images pour qu'elles scintillent


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
20 mars 2013 3 20 /03 /mars /2013 11:41

 

 


1. Un diaporama

Un diaporama est un enchaînement de photos qui sont décorées, animés, mises sur un fond, un thème, ...


 


2. Faire un diaporama

Je vous recommande tout particulièrement le site Slide .

Sur ce site, après avoir téléchargé vos photos, vous pouvez choisir plein d'options sympas pour faire un diaporama vraiment original et personnalisé.

L'autre avantage est que vous voyez comment va se présenter votre diaporama au fur et à mesure de sa création.  Fouillez donc et essayez toutes les décorations possibles !

Une fois que votre diaporama est tel que vous le souhaitez, il ne reste plus qu'à l'enregistrer et à copier son code HTML.

Ensuite, vous copiez ce code dans votre article, votre module... et voilà !





 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
18 mars 2013 1 18 /03 /mars /2013 16:12

Prévisions météo L´Isle-Adam


1. Les prévisions météo

 
Voilà un site sympa où tu choisis ta ville pour y afficher les prévisions météo : tameteo.com.
 



2. Paramétrer ton widget météo

 


Tu as devant toi 4 colonnes pour paramétrer ton gadget :

 

 

 La première te sert à définir la langue puis la localisation.

 le second pour le format du gadget météo. J'ai ici choisis "complet" mais il existe des formats plus petits.

 Ensuite, le contenu du gadget météo : jour, icone, température, vent...

Et enfin le style, avec les couleurs, contours...

 

3 Insérer ton gadget météo de ta ville sur ton site/blog ("édition avancée, mode HTML"
)

 

Un clic sur la case "j'accepte les conditions" puis sur "générer le code" pour accéder à l'HTML à coller sur votre site.

 

Un petit rappel sur l'HTML ici : HTML, c'est quoi ?

 

 

4. Articles à revoir

Générateur automatique et gratuit de post-it virtuel

Mettre une image dans vos articles (ou post)

Mettre une horloge sur votre blog

 

 


 

  * 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
                                    Rendez-vous sur Hellocoton !                                                        

 





Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation