31 juillet 2014 4 31 /07 /juillet /2014 08:00

 

superstickies



Vous les réalisez chez Superstickies et votre post-it est fait en 2 clics :

Vous choisissez la couleur de fond du post-it, la couleur du message, et vous tapez votre texte.

Voilà un post-it à enregistrer (format png) et à coller où vous voulez !

 



superstickies2.png






 


 
 

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

 

Click for Paris, France Forecast

 

 

On trouve des gadgets météo sur le site de Woundeground.

 


 

Comment préparer l'affichage météo de sa ville

 

 Taper dans la zone de recherche en haut la ville souhaitée.

 

Aller ensuite tout en bas, à gauche, sur le "Free Weather Stickers® for Your Homepage" et un clic sur le bouton "Get Your Weather Sticker!".

 

Vous avez ainsi accès aux 18 modèles de gadgets météo :

 

- Certains sont dynamiques : le fond s'adapte à la météo, l'heure s'affiche..., un clic permet d'obtenir les prévisions des jours suivants,..>.

 

d'autres restent statiques, mais affichent en + les phases de la lune...

 

Un clic sur le sticker vous permet d'accéder à son code HTML.

 

Il ne reste plus qu'à le recopier là où vous voulez mettre votre météo sur votre blog !

 

 

La météo partout dans le monde

 

Le + de ce site est qu'il propose la météo partout dans le monde.

 

Un exemple ici, à rabat, au Maroc :                   Click for Rabat-Sale, Maroc Forecast


 

A relire : html, c'est quoi ?
  Mettre une station météo rigolote
  Faire de jolis boutons (images avec liens) pour son 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 !                                                        

 

 

Partager cet article

26 juillet 2014 6 26 /07 /juillet /2014 10:30


Agrandir le plan

 

  Voici un plan google qui peut apparaitre à ala demande sur ton site/blog. 


 

 

Un plan sur ton site

  

Toujours utile d'afficher un plan sur son site/blog.  Ils peuvent s'en servir pour localiser une ville, une adresse...

 

L'utilisation du plan (Map) Google

 

Bien sur, par défaut, c'est la France qui s'affiche, mais on peut zoomer avec les touches "+" et "-" et se déplacer sur la carte avec les flèches en haut à gauche.

 

Les boutons à droites permettent :

- Sat. pour afficher les images satellite

- Rel. pour le relief

- Earth pour les images 3D

 

Enfin, en bas à gauche, le lien "Agrandir la carte" permet de l'afficher en pleine page sur ton écran.

 

Code HTML du plan Google

 

Pour mettre ce plan sur ton blog/sote, voici le code HTML à recopier

 

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=gadget+google+maps&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=53.829089,113.818359&amp;ie=UTF8&amp;hq=gadget&amp;hnear=&amp;ll=37.0625,-95.677068&amp;spn=53.829089,113.818359&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=fr&amp;geocode=&amp;q=gadget+google+maps&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=53.829089,113.818359&amp;ie=UTF8&amp;hq=gadget&amp;hnear=&amp;ll=37.0625,-95.677068&amp;spn=53.829089,113.818359" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>

 

 

Articles à relire

Faire votre couverture personnalisée de la collection "pour les nuls"

Faire un lien avec une image

Le gadget LinkWithin : afficher des articles similaires de votre blog

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
25 juillet 2014 5 25 /07 /juillet /2014 14:46

 

 

Aurelieeffetthermique.gif LogoFaireunBlogreflet.gif  ChampselyseesEffet.gif

 

  Faire des gifs animés à partir de vos photos, c'est  facile !


 

 

C'est encore le site BlogGif qui propose de transformer vos photos en gifs animés !

 

Créer des gifs animés

 

Il suffit de charger votre photo, puis de choisir l'effet voulu.

Il y a une trentaine d'effets différents pour créer des gifs animés à partir de vos images.

 

Voici quelques exemples d'effets à ajouter à vos photos :

* Le reflet dans l'eau,

* le zoom,

* l'étirement,

* la rotation,

* l'effet psychédélique...

 

 

  Ensuite, on créer son gif et on l'enregistre sur son ordi. Il ne reste plus qu'à le positionner où vous voulez !

 

 

Stocker son gif animé et le mettre sur son blog

 

Attention toutefois, il vous faudra le stocker sur un site de stockage d'image (je vous recommande Archive-host.com) et non sur over-Blog pour ne pas avoir une image figée.

 

 

Articles à relire

 

Enregistrer vos images pour votre blog

Des effets surprenants avec vos photos

Protéger vos photos publiees sur le web

 


 

  * 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
22 juillet 2014 2 22 /07 /juillet /2014 16:11

 

Un petit jeu de tir aux pigeons aujourd'hui !
Pas d'explications, il suffit de dégommer les pigeons avec un clic de souris.
A vous !
Code HTML du jeu
<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*PTEyOTMzNzQ*Mzg5MDYmcHQ9MTI5MzM3NDY1MzgxMiZwPTM2MzYxJmQ9Jmc9MSZvPTJmMDYyYzEyNjJmZDQzNmY5ZGJi/Y2Q5MTQ4ZGVmNmZiJm9mPTA=.gif" /><center><param name="movie" value="http://www.wishafriend.com/pf/pigeonshunter/main.swf?fullpath=http://www.wishafriend.com/pf/pigeonshunter/&dom=www.wishafriend.com"><param name="quality" value="high"><embed src="http://www.wishafriend.com/pf/pigeonshunter/main.swf?fullpath=http://www.wishafriend.com/pf/pigeonshunter/&dom=www.wishafriend.com" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="500" bgcolor="#6699FF" ></embed><br/> <a href="http://www.wishafriend.com"> provided by: www.wishafriend.com</a></center>
 

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

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