21 juillet 2014 1 21 /07 /juillet /2014 16:10


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

19 juillet 2014 6 19 /07 /juillet /2014 10:31

 

 

Mettez cette calculatrice sur votre site, à disponibilité de vos visiteurs.

 


 

Le code de la calculatrice :

 

<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*PTEyNzczODI3MDAzMjgmcHQ9MTI3NzM4MjcwNTcwMyZwPTIyMzA1MiZkPSZnPTImbz*3YzllMDJjNjU1YWU*NGYxYTQ4/ZDlkY2EzNzZjZmUwZCZvZj*w.gif" /><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="220" height="354" id="WFHost"><param name="FlashVars" value="partner=223052&symID=DefaultButton_Bottom&URL=http%3a%2f%2fwidgia.com%2fwidgets%2fvista_calculator%2fvista_calculator.swf&useFacebookMystuff=false&defaultPreviewURL=&WFBtnY=330&WFBtnX=76&stickyType=bottom&widgetY=0&widgetX=0&widgetH=330&widgetW=220&theme=Ocean%20Blue"/><param name="wmode" value="transparent"/><param name="allowScriptAccess" value="always" /><param name="movie" value="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" /><embed name="WFHost" id="WFHost" width="220" height="354" src="http://cdn.gigya.com/wildfire/swf/WildfireHost.swf" flashvars="partner=223052&symID=DefaultButton_Bottom&URL=http%3a%2f%2fwidgia.com%2fwidgets%2fvista_calculator%2fvista_calculator.swf&useFacebookMystuff=false&defaultPreviewURL=&WFBtnY=330&WFBtnX=76&stickyType=bottom&widgetY=0&widgetX=0&widgetH=330&widgetW=220&theme=Ocean%20Blue" AllowScriptAccess="always" quality="high" wmode="transparent" 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 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
17 juillet 2014 4 17 /07 /juillet /2014 08:26
   

 

Vous voulez vous créer une carte animée et avec VOTRE photo ? Alors, il vous faut aller sur CrazyProfile.

Comment se faire une carte animée animée "Bonnes vacances" ?

* Vous commencez par un clic sur Open

* Choisissez votre photo.

* Si vous voulez déplacer le texte "Happy hollidays", il suffit de le sélectionner puis de le déplacer avec votre souris.

La carte est créée !

Comment utiliser la carte animée animée "Bonnes vacances"

Un clic sur le bouton "Code" et vous obtenez le code HTML de votre carte.

 

 

 

A lire aussi

Créer sa signature animée en poupée Doll

Plein de gifs animés pour décorer votre blog, vos mails

 

SignatureAurelie.gif


 

* 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
16 juillet 2014 3 16 /07 /juillet /2014 08:25

Si vous voulez mettre de la couleur sur vos texte, il va vous falloir utiliser les codes couleurs dans votre HTML.


Les codes couleurs :

Ces codes peuvent se mettre de 2 façons différentes :

1. avec le sigle
# suivi de 3 ou 6 chiffres et/ou lettres

Exemples : #000000 est le noir ; #ffffff est le blanc.

Le choix est non limité, puisque vous définissez totalement la couleur utilisée. 
Vous trouvez
les codes ICI, dans le FAQ d'Overblog

2. avec le nom anglais de la couleur, mais il y a alors moins de choix.

Exemple : black pour le noir, white pour le blanc, blue pour le bleu...



La syntaxe :

Dans le code HTML:

vous utilisez color pour indiquer que vous définissez la couleur
vous faites suivre de 2 points (:)
puis votre code couleur (ou nom anglais de la couleur)

Exemple de syntaxe complète :

<span style="color: #339966;">METTRE DE LA COULEUR DANS SES TEXTES</span>

span indique que vous mettez une feuille de style
style indique que vous changez le style
color indique que vous définissez une couleur
#339966 indique votre couleur (vert foncé)

Cela vous donne :

METTRE DE LA COULEUR DANS SES TEXTES

 




 


 

  * 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 textes
commenter cet article
1 juillet 2014 2 01 /07 /juillet /2014 10:18



Si vous voulez mettre un sondage sur votre blog, je vous conseille le site Pixule.

En 3 clics et sans enregistrement préalable sur le site, vous avez votre sondage personnalisé :


* Vous tapez la question posée, ainsi que les réponses proposées.

* Vous paramétrez les couleurs, type, langue, apparence de la boîte à sondage...

* Un dernier Clic sur le bouton "Validez et enregistrez" et vous avez votre code HTML.

* A vous de le recopier ensuite sur votre blog pour faire apparaître votre sondage.


A ce propos, merci de répondre au petit sondage sur cet article pour m'aider à cibler mes articles vers les sujets qui vous interessent !



 


 

  * 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

28 juin 2014 6 28 /06 /juin /2014 18:13

 


 

Installez ce gadget sur votre blog et vous aurez votre horoscope quotidien

 

Ou trouver le gadget "Hososcope"

 

Allez chez widget-horoscope.fr/

 

Entrez votre date de naissance

 

Recopiez le code fourni.

 

 

Pratique !

 

Si vous ne voulez pas copier le code, le système peut le faire opooyur vous et installer directement votre gadget sur :

 

* votre profil communautaire (facebook)

* le bureau de votre ordinateur

* votre mobile

 

Utilisez alors les choix sur la droite de l'écran et renseignez les champs demandés.

 

 


 

  * 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
26 juin 2014 4 26 /06 /juin /2014 10:35


Allez, on s'amuse un peu avec ce gadget, qui permet d'afficher votre photo et un message dans une télévision.

Voici ma création :





C'est beau non ?


Vous pouvez faire de même sur
http://tv-blog.blogoutils.com/

 


                                        

Rendez-vous sur Hellocoton !




 

Partager cet article

Published by Aurelie - dans Gadget à blogs
commenter cet article
24 juin 2014 2 24 /06 /juin /2014 14:56

 

Allez, on se rappelle ce super jeu qui a té un des premiers sur écran. le mist de l'époque : Le PacMan.

 


 

 

Code pour installer Pacman sur ton site

 

<table style="margin:0 0 10px 0; width:244px; background:#fff; border:1px solid #F3F3F3;" cellspacing="0" cellpadding="0"><tr><td style="font-family:verdana; font-size:11px; color:#000; padding:5px 5px;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"><param name="movie" value="http://www.jeuxclic.com/jeux/pacman.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.jeuxclic.com/jeux/pacman.swf" width="640" height="480" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object></td></tr><tr><td style="font-family:verdana; font-size:11px; padding:5px 10px; border-top:1px solid #F3F3F3;" align="center"><strong><a href="http://www.jeuxclic.com/jeux.php?id=1728" target="_blank">Pacman</a></strong> |  <a href="http://www.jeuxclic.com">Jeux</a> avec <a href="http://www.jeuxclic.com" title="Jeux avec Jeuxclic.com">Jeuxclic.com</a></td></tr></table>

 

 

 

Le principe du jeu PacMan

 

Tu joues avec les fléches du clavier pour te déplacer.

L'objectif : ramasser le plus d'objets sans te faire croquer par les méchants ! 

 

Articles à relire

 

jeu de course de motos : motocross FMX

Défoulez-vous avec le jeu du baffotron (jeu et code à installer)

Le tetris : venez jouer ici et trouver le code pour installer le jeu

Entraine toi au tir à l'arc (avec code à installer sur ton blog)

Joue à Warfare 1917 ici et installe le jeu sur ton site

 

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 Jeux
commenter cet article
21 juin 2014 6 21 /06 /juin /2014 17:06
 

 

  Super jeu de Flipper (pinball) dans la nature.

 

Mon premier score : 641100 ; je ne sais pas si c'est bien mais je me suis franchement amusée !

 


 

 

Code HTML pour installer le flipper sur ton site

 

<table style="margin:0 0 10px 0; width:244px; background:#fff; border:1px solid #F3F3F3;" cellspacing="0" cellpadding="0"><tr><td style="font-family:verdana; font-size:11px; color:#000; padding:5px 5px;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"><param name="movie" value="http://www.jeuxclic.com/jeux/game-1292007593.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.jeuxclic.com/jeux/game-1292007593.swf" width="640" height="480" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed></object></td></tr><tr><td style="font-family:verdana; font-size:11px; padding:5px 10px; border-top:1px solid #F3F3F3;" align="center"><strong><a href="http://www.jeuxclic.com/jeux.php?id=18037" target="_blank">Power pinball</a></strong> |  <a href="http://www.jeuxclic.com">Jeux gratuits</a> avec <a href="http://www.jeuxclic.com" title="Jeux avec Jeuxclic.com">Jeuxclic.com</a></td></tr></table>

 

 

 

Le principe du jeu de Power Pinball, flipper 

 

Play game pour démarrer.

Tu joues avec les flèches du clavier pour actionner les manettes : droits/gauche pour les leviers et flèche bas pour lancer la bille.

 

Articles à relire

 

jeu de course de motos : motocross FMX

Défoulez-vous avec le jeu du baffotron (jeu et code à installer)

Le tetris : venez jouer ici et trouver le code pour installer le jeu

Entraine toi au tir à l'arc (avec code à installer sur ton blog)

Joue à Warfare 1917 ici et installe le jeu sur ton site

 

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 Jeux
commenter cet article
20 juin 2014 5 20 /06 /juin /2014 15:48

tuxpi-flo.jpg

 

Transformez vos photos pour qu'elles apparaissent comme issues d'un film ! Une idée originale de présentation... 

 


 

 

C'est le montage photo que vous propose de faire le site Tuxpi .

 

Comment mettre votre photo dans un cadre "film"

 

Pas besoin de vous inscrire sur ce site !

 

- Vous sélectionnez votre photo (2Mb maw), le programme l'insère tout seul dans une déco "Film".

 

- Ensuite, vous avez la possibilité d'ajouter du texte avec la typo de votre choix, et de l'insérer (par simple clic) dans une bulle (Bouton "Normal Text").

Vous déplacez si vous voulez ensuite la bulle en maintenant clic dessus.

 

Pour finir, clic sur "Download Picture" en bas d'écran pour enregistrer votre oeuvre.

 

Et vous voilà avec une photo originale et commenté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 !                                                        

 

 

Partager cet article

Published by Aurelie - dans Les images
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
Partager cette page Facebook Twitter Google+ Pinterest
Suivre ce blog