23 avril 2014 3 23 /04 /avril /2014 08:25

 

 


 

 

Le gadget "boite à meuh"

 

On a tous besoin d'une boite à meuh !!!

 

ça détend, c'est frais, ça rappele la campagne, notre enfance.

 

Voilà, passe la souris sur cette boite à meuh et tu entendras le cri de la vache.... meuh.

 

 

Comment installer une boite à meuh sur ton site

 

Voici donc le code à coller pour l'obtenir sur ton site

 

<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>

 

Articles de "Faire un blog" à relire

 

Grilles de Sudoku pour vous !

Un jeu pour s'entraîner à la frappe avec son clavier

Se créer une poupée scintillante (Doll) comme signature, messagère

 

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 !                                                        

 

Partager cet article

22 avril 2014 2 22 /04 /avril /2014 08:24

 

 

 


 

 

Votre gadget "Article de l'économie, selon le Figaro Magazine"

Ce gadget se met à jour automatiquement et vous présente les actualités économiques du Figaro.

Vous pouvez le mettre sur votre blog, dans un article, ou dans un module, afin que vos visiteurs soient informés.

 

 

Le code HTML du gadget "Economie du Figaro magazine :

 

<object data="http://swf.widgadget.com/wrapper.swf?wid=10556&amp;statsid=10253&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" type="application/x-shockwave-flash" width="250" height="320" id="widget" style="outline:none;"> <param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=10556&amp;statsid=10253&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" /> <param name="quality" value="high" /> <param name="allowFullScreen" value="false" /> <param name="bgcolor" value="#000000" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="0" value="" /> </object><noscript> Desc&aacute;rgate el widget <a href="http://www.widgadget.com/widget/leconomie-selon-le-figaro-magazine">.</a> M&aacute;s widgets en <a href="http://www.widgadget.com/">Widgadget, la comunidad de widgets.</a> Patrocinado por: <a href="http://www.newslettersoft.com/">NewsletterSoft</a> </noscript>

 

 

 


 

  * 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
20 avril 2014 7 20 /04 /avril /2014 13:17

     

Le jeu "Orb eater"

Tu voles à bord d'un vaisseau spatial et l'objectif est de "manger" le plus de planetes possibles.

Le jeu se joue avec la souris uniquement. Il suffit de cibler les "orb" avec l'anneau de visée.

Code HTML pour installer le jeu sur ton site

:<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="700" height="600" id="orb-eater" align="middle">
 <param name="allowScriptAccess" value="always" />
 <param name="allowFullScreen" value="false" />
 <param name="movie" value="http://www.2dplay.com/orb-eater/orb-eater.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="http://www.2dplay.com/orb-eater/orb-eater.swf" quality="high" bgcolor="#000000" width="700" height="600" name="orb-eater" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

 

 

 

* 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 !

 

 

A lire aussi

PacMan : jeu et code pour installer sur ton site

jeu de course de motos : motocross FMX

superstickies


 


 

Partager cet article

Published by Aurelie - dans Jeux
commenter cet article
19 avril 2014 6 19 /04 /avril /2014 15:40
memeo ShareCreate Your OwnPowerd by Oddcast


Soyez le héros d'une vidéo !
 


 
Vous voulez sautez d'un avion en plein vol, être le héros d'un conte de fée, sauvez le monde.... C'est possible, et tous vos amis pourront voir la vidéo pour preuve de vos exploits.

Vous trouvez ça chez MadeUpMemories, et c'est gratuit et sans inscription !



Comment faire la vidéo de vos exploits

Le site est en anglais mais je vais vous expliquer :

- Choisissez votre photo avec le bouton "Browse"


- Ajuster votre photo avec les flèches, les curseurs de couleur... pour que votre visage s'adapte bien au modèle.

. Valider et patientez quelques instants.

Si la vidéo vous plait, vous récupérez le code et hop, vous postez sur votre blog, dans un mail...




Mettre du code HTML dans un article :

A relire si vous ne savez pas comment faire :
html, c'est quoi ?

 

 
 
  * 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 !                                                        

 

Partager cet article

18 avril 2014 5 18 /04 /avril /2014 16:41

Journal-Times-Martiens.jpgEn réalité, mes enfants en train de jouer au PaintBall


 

Si vous voulez créer votre une de journal avec votre photo et votre tire, je vous conseille le site WriteOnIt.

En 3 clics et sans enregistrement préalable sur le site, vous avez votre Une de journal personnalisée :


* Vous choisissez votre couverture de journal : Marie Claire, Gossip, PlayBoy, Times... .

* Clic sur le bouton "Create your cover"

 

* Tapez votre titre (éventuellement un sous-titre) puis chargez la photo que vous voulez utiliser et enfin nommer votre montae dans le champ "Name...".

* Clic sur le bouton "Create your cover"

 

 

* Votre une de journal s'affiche ! Un dernier clic a droite sur "Save your picture" et voilà votre une de journal en format jpeg.  A utiliser ensuite où vous voulez !!

 

 

 

 

 

Une-People.jpg

 

 

 


  * 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 !                                                        

Partager cet article

Published by Aurelie - dans Les images
commenter cet article
14 avril 2014 1 14 /04 /avril /2014 08:36

 

 

Aujourd'hui, c'est le 1er avril et je vous propose donc de décorer votre blog avec des poissons rouges.

 

Voici le code HTML à copier dans votre article, votre profil, votre bannière...

 

 

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:35; height:450; z-index:645"><img src="http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:35; height:250; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; width:35; height:370; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:35; height:340; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; width:35; height:70; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140; top:30; width:35; height:50; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:35; height:60; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<a href="
http://www.jellymuffin.com/generators/falling_objects/" target="_blank"">Myspace Falling Objects</a> @ JellyMuffin.com
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130; width:35;height:80; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; width:35; height:330; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390; top:50; width:35; height:400; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440; top:70; width:35; height:300; z-index:600"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560; top:70; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590; top:100; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520; top:170; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610; top:200; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650; top:250; width:35; height:340; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:290; width:35; height:380;z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660; top:40; width:35; height:70; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:60; width:35; height:90; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<a href="
http://www.jellymuffin.com/generators/falling_objects/"><img src="http://www.JellyMuffin.com/adsource/rightcorner.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>

 

A relire aussi : Le défilement avec la balise "Marquee"

et Faire tomber des objet sur votre article

 


 

  * 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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
9 avril 2014 3 09 /04 /avril /2014 09:53

Ce gadget pour décorer votre blog avec la photo la plus drole du jour !

 

 

Code en script du gadget "photo drole du jour

 

<script src="http://www.gmodules.com/ig/ifr?url=http://www.digitalpowered.info/gadget/models.xml&amp;synd=open&amp;w=320&amp;h=550&amp;title=La+photo+la+plus+rigolote+du+jour&amp;border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&amp;output=js"></script>

 

Restrictions au gadget

 

Ce code est en javascript, et donc interdit aux blog OB en mode confiance.

 

Provenance du code "Photo la + drole du jour"

 

Ce code vient de chez Google

 

 

Articles a revoir

Plein de gifs animés sur le thème de l'ordinateur

Love Gadget : calcule tes chances entre toi et ton amoureux

Des effets surprenants avec vos photos

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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
8 avril 2014 2 08 /04 /avril /2014 09:52


Voici comment changer le curseur de la souris sur les articles de votre blog

C'est un petit code bien utile car il fait de l'effet et ne manquera pas d'épater vos visiteurs !


 

1. Trouver des curseurs animés


Vous trouverez facilement des curseurs animés sur la grande toile.

Je vous conseille d'ailleurs de faire plutôt votre recherche avec le mot "cursor", soit curseur en anglais, car il y a beaucoup plus de sites qui en offrent.

J'ai sélectionné le site Andy Animated Cursors, qui offre un large choix, dans des catégories assez différentes.



2. Enregistrer les curseurs animés

2.1 Enregistrement sur votre ordinateur

Une fois votre curseur trouvé, enregistrer le en cliquant dessus, puis en sélectionnant l'endroit de sauvegarde sur votre PC.
Vérifier que l'extension de ce fichier est bien ".ani"


2.2 Enregistrement du curseur animé sur une page web

Pour fonctionner, ce curseur doit être enregistré sur unepage web.

Sur Overblog, si vous avez la possibilité d'enregistrer "Autres documents", dans le menu "Documents", alors c'est ici qu'il faudra sauvegarder le fichier du curseur, puis copier son adresse url.

Sinon, il faut l'enregistrer sur un site de sauvegarde sur internet.
De mon côté, j'utilise Archive-Host, site gratuit et pratique. Mes cuseurs y sont enregistrés et j'ai noté leur adresse.

2.3 Insérer un curseur animé sur un article de votre blog

Dans votre administration OverBlog, aller sur l'article voulu et passer en mode avancé (Onglet Edition avancée" puis sélectionner HTML à gauche du menu.

Ajouter alors, tout à la fin de votre code, les lignes suivantes :

 

<style type="text/css">

body {cursor: url(adresse http de votre curseur); }

</style>


et mettre votre adresse de curseur.

 


 
3. Quelques curseurs animés à utiliser facilement

Afin que vous puissiez essayer sans avoir à trouver puis enregistrer votre curseur, je vous donne 3 de mes adresses de curseurs.

Postez-moi un commentaire à cet article si vous voulez un autre curseur.

3.1 Le curseur de cet article

 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/Pyramid.ani); }
</style>


3.2 Curseur animé globe terrestre :
 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Globe.ani); }
</style>

3.3 Curseur animé sourire :

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Smile.ani); }
</style>

 

 


 

  * 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 !                                                        

 

 

Partager cet article

8 avril 2014 2 08 /04 /avril /2014 08:51

 

Certains d'entre vous m'ont demandé comment faire quand leur hébergeur de blog n'a plus d'espace dispo pour stocker nos images. Voici donc un site fait pour cela !


 

ImagUP.com proposes aux internautes d'héberger leurs images gratuitement sur ses serveur.

 

 

1. Comment utiliser ImagUP.com

- Comment uploader une image ?

 
Pour envoyer une image, vous devez cliquer sur 'Parcourir...', sélectionner l'image disponible sur votre ordinateur et de cliquer sur 'UPLOADER MON IMAGE !' pour lancer le upload.
Vous serez ensuite redirigé vers une nouvelle page avec toutes les informations sur votre image.


- Quel sont les images compatible ?

  
Poids de l'image : 4mo (4096ko) !
La taille de l'image : illimité !
Format d'image : Jpg, Jpeg, Gif, Png !


- Comment obtenir une galerie d'image ?

 
Il vous suffit de vous inscrire gratuitement et de uploader des images depuis votre galerie.


- Quel est la durée d'hébergement de mes image ?

 
La durée d'hébergement d'une images uploader de manière anonyme est garanti durant 2 mois. Si votre image a pour but d'être héberger à long termes, il est préférable de l'héberger dans votre galerie privée.

 

2. Comment installer le gadget d'ImagUp sur son site

 

Voilà le code ; d'autres sont à récupérer chez eux, rubrique "Webmaster"

 

<iframe src="http://www.imagup.com/module_upload_custom2.php" width="260" height="210" frameborder="0" scrolling="no" allowtransparency="true" ></iframe>


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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Petites astuces
commenter cet article
6 avril 2014 7 06 /04 /avril /2014 16:51
 

 

 


 

 

Code Javascript du synthétiseur

 

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('6d34d584-baf9-4ce5-812d-2703aca76bca');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/full-size-synth-piano">Full Size Synth Piano</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

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 !                                                        

 

 

Partager 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

Compteur et traducteur

Il y a actuellement    personne(s) présente(s) sur ce blog


Mettre ce site en page de démarrage

 

English    deutsch   English    español    Italiano    Português nederlands

 

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 & météo de demain

 

meteo gratuite

Géolocalisation

formation

Mailorama

Partager cette page Facebook Twitter Google+ Pinterest
Suivre ce blog