Overblog Suivre ce blog
Administration Créer mon blog
27 juillet 2012 5 27 /07 /juillet /2012 15:27
                             

 

 


 

    Les jeux olympiques de Londres 2012, c'est pour maintenant !
Découvrez donc ces premières images officielles des JO de Londres.

 

    Mettre les images des JO Londres 2012 sur son site

    Un clic droit que l'image qui vous interesse puis "Copier".
Clic droit là où vous voulez mettre l'image puis "Coller".

 

Autres articles sportifs

Application officielle des jeux olympiques 2012 Londres - Les résultats  

Toutes les informations sportives sur votre blog


A relire

Agrandir une photo au clic

Faire un lien avec une image

 

 


 

* 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
11 juillet 2012 3 11 /07 /juillet /2012 10:20

Il est habituel de faire des liens vers des pages web de son propre blog, ou d'un autre avec des textes.

Un article est consacré ici à la méthode.

Il est aussi possible de faire des liens avec une image.


 
1. L'intérêt des liens avec image

Le principal intérêt du lien avec image est de se faire remarquer par votre visiteur.

En lecture rapide, l'oeil "accroche" + les images que les textes.


1.1 Un texte qui complète l'image
null
 Par contre, il vous faudra absolument compléter votre image par un petit texte explicatif car une image seule est rarement suffisante pour faire comprendre à votre visiteur vers où il va être dirigé en cliquant dessus.

Ici, ce badge contient l'adresse internet d'un site. On sait donc qu'on va être redirigé dessus en cliquant.




1.2 Les possibilités pour associer texte et image

null
* Vous pouvez ajouter une info bulle à votre image ;
cette info bulle expliquera la nature du lien.



* Vous pouvez intégrer un texte très court dans l'image, comme ici     .

Inutile d'en rajouter, on sait tout de suite à quoi va servir ce lien !


* Vous pouvez mettre côte à côte texte et image, ou bien encore l'un en dessous de l'autre.

null
  Imprimez cette recette


2. Faire un lien avec une image


2.1 Enregistrer votre image

Il vous faut tout d'abord faire ou trouver l'image ou la photo qui servira de lien, puis l'enregistrer dans votre administration, ou sur un site d'archivage de données.

2.2 Insertion de l'image dans l'article

Vous insérez votre image, comme d'habitude.

Si vous avez oublié, allez voir ICI comment mettre une image dans un article.

Vous pouvez noter aussi l'adresse de votre image.


2.3 Code HTML à ajouter pour lier l'image à la page web voulue.

Le code à inscrire est :

<a href="Adresse url de la page vers laquelle vous redirigez le visiteur"><img height="75" width="100" src="adresse url de l'image"  title="info bulle de votre lien" class=" DrteTexte" style="margin: 0px; border: #000 0px solid;" /></a>
 

les attributs height et width servent à redéfinir la taille de l'image si besoin






 

  * 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 juin 2012 4 14 /06 /juin /2012 16:02

Il existe bien sûr un manuel d'utilisation d'Overblog, très bien fait, ainsi que des vidéos, un chat, une FAQ...

Je ne vais pas reproduire ici ce qui s'y trouve déjà, je vous laisse découvrir ces endroits :


Le
manuel est ICI

Le Forum d'aide est ICI

Les nouvelles fonctionnalités sont ICI

Les conseils et astuces sont ICI


Mémorisez cette page car je vous conseille de vous rendre régulièrement à ces endroits, en particulier sur les conseils et astuces, pour en apprendre toujours plus !



 

  * 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 Pour bien débuter
commenter cet article
8 juin 2012 5 08 /06 /juin /2012 09:16


    Voici un des jeux les plus célèbres : le tetris.

 


 

Jouer au tetris

 

Règles du jeu du tetris

Vous jouer à empiler des blocs, en les tournant afin qu'ils s'emboitent parfaitement. Si la ligne est complète, elle disparait et vous marquez des points.

Vous avez perdu quand il n'y a plus de place dans le jeu !

 

Comment jouer à Tetris

 

Un clic sur "Start" une fois le jeu chargé.

 

Ce jeu se joue avec votre clavier : touches fléchées pour déplacer et faire tourner les blocs.  

 

Installer le tetris sur votre site

 

Code du jeu à installer sur votre site/blog :

 

<object width="500" height="500"><param name="movie" value="http://www.jeux-flash-gratuits.biz/games/21285.swf">
 <embed src="http://www.jeux-flash-gratuits.biz/games/21285.swf" width="500" height="500"></embed></object><br /><b><a href="http://www.jeux-flash-gratuits.biz/tetris+j21285.html" title="Tetris" target="blank">Tetris</a></b>, proposé par <b><a href="http://www.jeux-flash-gratuits.biz/" title="Les meilleurs jeux flash sur Jeux Flash Gratuits" target="blank">Jeux Flash Gratuits</a></b>
 

 

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 Jeux
commenter cet article
5 juin 2012 2 05 /06 /juin /2012 13:58

 


 

Pour suivre rolland garros

 

Ce widget à installer si vous aimez Rolland garros et le tennis.

 

 

Pour installer ce test sur votre blog

 

Il suffit de recopier le code HTML ci-dessous :

 

<iframe frameborder="0" width="480" height="276" src="http://www.dailymotion.com/embed/video/x9ds5a"></iframe><br /><a href="http://www.dailymotion.com/video/x9ds5a_le-widget-ibm-roland-garros_tech" target="_blank">Le widget IBM Roland Garros</a> <i>par <a href="http://www.dailymotion.com/Sous_le_central" target="_blank">Sous_le_central</a></i>

 

Article à relire

Le gadget pour vos sports préférés est ici

 


 

  * 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 juin 2012 6 02 /06 /juin /2012 09:17

 


 

Stallergènes et le RNSA mettent à disposition des patients allergiques le widget d'alertes polliniques «Alertes Pollens » leur permettant de consulter les niveaux d'alertes en fonction des départements et des pollens dont ils souhaitent connaître les niveaux d'alertes.

 

 

Code HTML du gadget "Alertes pollens" à recopier

 

<div style='width:100%; text-align:center;'><a href='http://www.widgiland.com/WidgetDetail.aspx?Gadcod=1808' target='_blank'><img src='http://www.widgiland.com/Images/logodis.png' border='0'></a></div><iframe src="http://www.stallergenes.fr/widget/mini.html" name="Widget1" width="330" height="490" scrolling="No"frameborder="no" id="Widget1"></iframe>

 

 

 


 

  * 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
31 mai 2012 4 31 /05 /mai /2012 09:36


1. Les moteurs de recherche sur internet

Vous les connaissez et les utilisez ; le plus célèbre est Google, mais il y en a bien d'autres ; Yahoo, voilà....

 

A relire à ce propos : Comment apparaitre dans les moteurs de recherche

 

2. Vos recherches


J'ai pensé à écrire ce petit article suite à de nombreuses questions de mes visiteurs, qui me demandent un site où on trouve des horloges, des compteurs, des curseurs de souris.... avec telle ou telle apparence.

 

Etonnée de la facilité avec laquelle je tombe sur ces sites, je me permets donc de vous donner un conseil, très souvent payant :

 

Utiliser les mots en ANGLAIS quand vous recherchez des outils pour votre blog. En effet, les sites anglophones sont beaucoup plus nombreux que les sites francophones, et vous aurez alors beaucoup plus de résultats pour votre recherche.

 

 

Pas de soucis si vous ne parlez pas anglais vous même, même les sites en françaix utilisent souvetn des mots anglais, car les programmeurs internet, les webmasters et autres métiers de l'informatique maîtrisent toujours l'anglais.

 

 

Voici d'ailleurs les mots les plus courants (en terme de gadget) dans la langue de Shakespeare.

 

 

   Animé -> Animated

 

   Astuce -> Tips

 

   Calendrier ->Calendar

 

   Curseur -> Cursor

 

   Drapeau -> Flag

 

   Gadget -> Widget

 

   Horloge -> Clock

 

   Météo -> Weather forecast

 


A relire aussi :

 

Dictionnaire Anglais / français des mots de l'internet (A à F)

 Dictionnaire Anglais / français des mots de l'internet (G à M)

Dictionnaire Anglais / Français des mots de l'internet (N à R)

Dictionnaire Anglais / Français des mots de l'internet (T à Z)

 

 


 

  * 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
27 mai 2012 7 27 /05 /mai /2012 08:45


 

Le gadget des fans de Formule 1

 

Si vous êtes fan de F1, voici le widget qu'il vous faut !

 

Le compte à rebours avant la prochaine course de F1.  Bien évidemment, le lieu s'affiche également.

 

Vous n'en manquerez plus aucune !

 

Son code HTML :

 

 <div id="wpdc_embed_12762818161" style="display: none;">Formula 1 Countdown</div>
<p> <script src="
http://www.widgipedia.com/embed/sonictruth/Formula-1-Countdown_355w-12762818161t-1276281816877i-0p.js"></script> </p>

 


 

  * 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
17 mai 2012 4 17 /05 /mai /2012 10:47
Logo-Debutants.gif   Logogadgets.gif LogoPageHTML.gif  LogoPersonnalisation.gif   LogoImages.gif



Un index en images est une suite de petites images (ou vignettes) qui représentent les catégories de votre blog, et comportent un lien vers ces catégories.


 

1. Une représentation graphique de la structure de votre site


Présenter un index en images est un bon moyen de faciliter la navigation dans votre blog :

   * Des images sont plus attractives que du texte

   * Plus besoin pour vos visiteurs de rechercher des éventuels articles,

   * même si votre visiteur est venu via un article bien précis, il szera peut-être tenté d'aller en lire un autre grâce à votre index.


2. Faire un index en images

Pour faire un index en images, vous devez :

   * Tout d'abord vous faire des images qui vont représenter vos catégories.

   * Faire un tableau afin d'aligner ces images.

   * Créer un lien entre chaque image et l'article ou la page vers lequel il doit conduire


3. Ou placer un index en images ?

Il est possible de placer cet index à plusieurs endroits :

   . Dans la bannière : vous pouvez ajouter cet index à votre
bannière de blog
   Voir un
exemple d'index en bannière ICI

   . Vous pouvez mettre un index dans un module, comme sur ce blog, colonne de droite.

   . Vous pouvez mettre un index dans la page d'accueil de votre blog.  
     Voir un
exemple d'index en page d'accueil en cliquant ICI 


3. Le code HTML de votre index en image

3. 1 Code HTML d'un index en images :

<table border="0" cellspacing="2" cellpadding="3" align="center">

<tbody>

<tr>

<td><a href="url page liee 1"><img src="url vignette 1" alt="description vignette1" class="noAlign" /></a></td>

<td><a href="url page liee 2"><img src="url vignette 2" alt="description vignette 2" class="noAlign" /></a></td>

...

</tr>

</tbody>

</table>


3.2 Personnalisation du code HTML d'un index en images :

Border = x : mettre un chiffre > 0 pour avoir une bordure d'encadrement ; le cellspacing et cellpadding servent à ajustyer l'espacement dans et entre les cellules.
Il y aura autant de lignes commençant par <td> que de colonnes.
Pour chacune d'elles, mettre l'adresse url de la page vers laquelle la vignette va pointer, et l'adresse url de votre image



 

Articles pouvant vous interesser :  Mettre une image dans vos articles
  Comment faire un tableau (code HTML)
  Faire un lien avec une image
  Mettre des liens en texte




 

  * 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
8 mai 2012 2 08 /05 /mai /2012 10:05

Voici un dictionnaire de traduction de l'anglais vers le français des mots utilisés sur la grande toile, ou en langage informatique en général.

Voir les autres articles  : Dictionnaire Anglais / français des mots de l'internet (A à F)
  Dictionnaire Anglais / français des mots de l'internet (G à M)
  Dictionnaire Anglais / Français des mots de l'internet (T à Z)

 

Voir aussi l'article : Les mots anglais les plus utilisés en langage informatique


N
Name = nom (your name=votre nom)
Native = d'origine, native, (pour logiciel par ex)
Net Directory = répertoire du Net
Net Search = rechercher
Network = réseau
New = nouveau
Newbie = débutant sur Internet
New Connection = nouvelle connexion
New folder = nouveau fichier
Newsletter = lettre de nouvelles (voir Mailing list)
Newsgroup = groupe de discussion (en abrégé=News)
Newsletter = lettre, bulletin d'information, lettre de diffusion
Newsreader = logiciel utilisé pour lire les messages de  Newsgroup
Next = suivant
Nickname = surnom
Node = noeud

O
Off-Line = hors ligne, déconnecté (voir on-line)
Offline-reading = sur les news rapatrier des messages pour les lire hors connexion
On Line = en ligne, connecté (voir off-line)
On Line help = aide en ligne
Only = seulement, uniquement
Open = ouvert, ouverture
Open file = ouvrir la fenêtre des fichiers
Or = ou
Other Services = autres services
OutBox = corbeille départ pour stockage du courrier en attente
Outdent = retrait négatif dans le texte
Output = sortie
Overclocking = faire fonctionner plus vite que les normes spécifiées
Out-Tray = dossier des messages prêts à partir (voir Sent et In-Tray)


P
P to P = Peer to Peer = échanges de données sans passer par un serveur central.
Packet = groupe de données, paquet
Page setup = mise en page
Paintbrush = pinceau
Pask = coller
Password = mot de passe
Paste = coller
Plug and Play = branchez et ça marche
Plug-in = "brancher dedans", complément d'un logiciel
Pop-up Menu = menu déroulant
Post = poster (un message sur les forums)
Preloaded = déjà installé, préchargé
Preview = aperçu, visualisé avant exploitation définitive
Previous = précédent
Print = imprimer
Printer Font = police à l'impression
Print preview = prévisualisation
Print queue = file d'attente de fichiers avant l'impression
Provider = fournisseur, prestataire d'accès à l'Internet
Pub = public (pour le répertoire FTP par ex.)
Push = pousser, appuyer

Q
Question mark = point d'interrogation
Queue = file d'attente (voir print queue)
Quit = quitter, arrêter
Quote = citation
Quotes = guillemets (quand au pluriel)

R
Ragged left = aligné à gauche
Ragget right = aligné à droite
Readme = lisez-moi
Ready = prêt
Real Name = nom réel, patronymique.
Read only = lecture seulement
Reboot = relancer l'ordinateur (boot = lancer l'ordinateur)
Redraw = rafraîchir l'écran
Refresh = rafraîchir la lecture du fichier visualisé (se trouvant dans le cache navigateur)
Registered = enregistré
Registrar = bureau d'enregistrement (des noms de domaine)
Reload = charger,recharger
Remote access = accès à distance
Removable disk = disque amovible
Remove = supprimer, enlever
Rename = renommer
replace = remplacer
Reply = répondre
Restart = redémarrer, relancer
Retrieve = récupérer
Return key = touche du clavier : Entrée
Right = droite
Root = répertoire,dossier racine, principal fichier d'un logiciel
Row = ligne (dans un tableau par ex.)





 

 

 


 

  * 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

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