Overblog Suivre ce blog
Administration Créer mon blog
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
30 juillet 2015 4 30 /07 /juillet /2015 10:59

 

 

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 !                                                        

 

 

Repost 0
Published by Aurelie - dans Les images
commenter cet article
29 juillet 2015 3 29 /07 /juillet /2015 10:58


1. Les liens

Une petite astuce aujourd'hui au sujet des liens mis sur votre blog.

Pour savoir comment mettre des liens :
voir Mettre des liens en texte  
ou Faire un lien avec une image



Il est important de vérifier régulièrement que les liens (surtout ceux extérieurs à votre blog) fonctionnent toujours, autrement dits, que vous n'avez pas de liens morts.

Rien de plus désagréable en effet de cliquer et de tomber sur un message d'erreur !

null
2. Outil pour vérifier l'état de vos liens

Vous trouvez sur le site GraphitOO un testeur de lien très bien fait :

* vous entrez l'adresse de votre blog,

* vous cliquez sur "Analyser" et vous attendez quelques secondes.

Le système vous analyse tous vos liens, et vous donne surtout leur état. le plus important est que tous soient marqués "OK"

Si vous voulez aller plus vite et simplement vérifier que vous 'navez pas de liens morts, décochez la case "Tout afficher, et non pas juste les liens morts" et vérifiez que le système ne trouve rien.

 


 

  * 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 Petites astuces
commenter cet article
2 juillet 2015 4 02 /07 /juillet /2015 16:33

 

Voici un nouveau gadget à installer sur votre blog ou page internet, pour avoir toutes les informations sportives.

 


 

 

Comment installer le gadget "Informations sportives" 

 

Il suffit de copier le code suivant, en mode avancé :

 

<iframe src="http://widget.sport24.com/sport24/blog/sport24.html" frameborder="0" scrolling="no" width="100%" height="430"></iframe>

 

 

Limitation (à vérifier)

Les blogs d'OB en mode confiance risquent de ne pas accepter ce code !

 

A lire aussi

Un gadget pour votre horoscope du jour

Le gadget Formule 1 : Compte à rebours avant prochaine course

 


 

  * 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