Overblog Suivre ce blog
Administration Créer mon blog
1 décembre 2015 2 01 /12 /décembre /2015 09:11

 

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 !                                                        

 

 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
2 novembre 2015 1 02 /11 /novembre /2015 09:41


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 !                                                        

 

 

Repost 0
27 septembre 2015 7 27 /09 /septembre /2015 16:11

 


 

C'est facile de tranformer une de vos photos en puzzle !

 

C'est fait en 2 clics, gratuitement, et san inscription préalable.

 

* Vous allez sur le site FreeFlashToys.com.

 

* Vous chargez la photo que vous voulez utilisez

 

* Vous choisissez le niveau de difficulté du puzzle (facile, moyen, difficile) ; pour info, le mien est "moyen"

 

Un clic et vous récupérez le code.

 


 

  * 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
26 septembre 2015 6 26 /09 /septembre /2015 16:10


null

Quand on écrit du code HTML, on a parfois besoin de noter des commentaires,  non visibles pour les visiteurs.
 


 

Ces commentaires sont des indications pour mieux s'y retrouver dans le code.

Ils peuvent :

* indiquer la nature du code,
* indiquer pourquoi telle ligne a été ajoutée,
* faire office de trait de séparation pour "aérer" le code,
* ou bien encore comporter des mises en garde importantes pour le webmaster, comme "Attention, ne pas enlever la ligne suivante !"


1. Mode HTML :

Vous devez bien-sûr être en mode HTML.

A l'endroit où vous souhaitez ajouter un commentaire, il suffit de noter :


 

<div id='myText' style='visibility: hidden'>texte non visible</div>


et remplacer "Texte non visible" par le texte que vous voulez mettre.

 

 


 

                                      Rendez-vous sur Hellocoton !                                                   

 

 

Repost 0
Published by Aurelie - dans HTML
commenter cet article
23 septembre 2015 3 23 /09 /septembre /2015 16:09

 

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 !                                                        

 

 

Repost 0
20 septembre 2015 7 20 /09 /septembre /2015 17:04


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 !




 

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article
18 septembre 2015 5 18 /09 /septembre /2015 09:03

Il est parfois utile de faire des listes dans ses articles afin d'alléger le texte et d'ordonner ses éléments.

 

C'est ce que j'ai fait, par exemple, dans mon article "Index des articles".

 

Dans ce cas, chaque élément de la liste est cliquable et permet d'accéder à une autre page du blog.

 

1. Code HTML pour faire une liste cliquable.

 

Principe :

Il faut créer une "class" puis chaque élément de la liste sera précédé de la balise <li>, comme "liste".

On remplacera le sigle "#"par l'url de la page vers laquelle on souhaite faire le renvoi.

 

Code HTML d'une liste cliquable:

 

<ol class="liste">
        <li><span><strong><a href="#">Premier élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Deuxième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Troisième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Quatrième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Cinquième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
</ol>

  

2. Aspect visuel de la liste :

  1. Premier élément de la liste
    Petite description de l'élement ...
  2. Deuxième élément de la liste
    Petite description de l'élement ...
  3. Troisième élément de la liste
    Petite description de l'élement ...
  4. Quatrième élément de la liste
    Petite description de l'élement ...
  5. Cinquième élément de la liste
    Petite description de l'élement ...
  6. 

3. Articles à relire

 

La programmation en langage html, c'est quoi ?

Utiliser du code HTML dans un article ou module

Créer un Rollover en langage HTML

 

  

 

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 HTML
commenter cet article
15 septembre 2015 2 15 /09 /septembre /2015 09:02

 

 


1. Des images qui scintillent

Encore un site très sympa qui vous propose d'ajouter différents effets sur vos photos.

Il s'appelle Slide  et vous trouvez cet utilitaire dans la rubrique "Create a FunPix". (Le lien sur cet page vous amène directement au bon endroit).


2. Faire son image qui scintille

* Il vous faudra tout d'abord télécharger votre image.

* Vous ajoutez ensuite les effets que vous voulez (vous pouvez alors modifier leur taille, leur orientation,leur vitesse...)

* Une fois le résultat concluant, cliquer sur "Sauvegarder"

* Si vous ne désirez pas vous enregistrer, vous cliquez sur "Skip Sign-up" puis vous copiez  le code HTML fourni.


Amusez vous bien !

 

 


 

  * 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
14 septembre 2015 1 14 /09 /septembre /2015 09:01

null

1. Qu'est ce qu'un gravatar ?


Gravatar est un service web qui vous propose d'associer un avatar à votre adresse mailsur le web.

En clair, cela signifie que dès que vous surferez sur le web en étant connecté avec votre adresse mail, votre avatar sera automatiquement ajouté à vos commentaires.  Il faut tout de même que le site les autorise !

 



2. Les avatars et Overblog

Depuis octobre, les gravatars sont reconnus par OverBlog ! 
Bonne nouvelle donc pour tous ceux et celles qui veulent avoir leur avatar joint à leurs messages. Cela permet de les reconnaître + facilement !

3. Avoir un gravatar

Il vous faut aller sur le site
GRAVATAR  et cliquer sur "Get your Gravatar Today". Suivre ensuite la procédure. Faire bien attention toutefois à noter la même adresse mail que celle pour l'administration de votre blog.

4. Activer votre gravatar sur votre blog

Après vous être connecté à votre administration, aller sur Configuer, Options globales puis Modération.

Cocher la dernière case "Autoriser l'affichage des avatars dans les commentaires".

Voilà, la prochaine fois que vous répondrez à un commentaire, votre gravatar s'affichera automatiquement à côté de votre texte.

Sur les blogs où vous déposez des commentaires, il ne s'affichera que si l'administrateur du blog les a autorisé !


 



Si vous avez besoin d'explications supplémentaires, déposez moi votre question en commentaire !
 


 

                                    Rendez-vous sur Hellocoton ! 

 

Repost 0
24 août 2015 1 24 /08 /août /2015 15:31

 

Les lapins crétins sont à nouveau parmi nous et ils nous amusent beaucoup !

 


 

Comment jouer aux lapins crétins

 

Une fois le jeu chargé (il suffit d'attendre quelques secondes sur mon article), vous choisissez votre langue avec la drapeau.

 

Ensuite, mieux vaut lire les instructions, puis clic sur "jouer".

 

Dégommez ce que vous voulez et amusez-vous !

 

 Code HTML du jeu Lapins crétins, pour installer le jeu 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-1292926603.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.jeuxclic.com/jeux/game-1292926603.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=18153" target="_blank">Raving rabbids - ravel in time</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>

 

 

  * 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


 


 

 

Repost 0
Published by Aurelie - dans Jeux
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