Overblog Suivre ce blog
Administration Créer mon blog
16 février 2014 7 16 /02 /février /2014 18:12
Apprendre
à faire
une liste défilante
qui s'arrete
au survol de la souris
Lisez cet article !



1. Faire une liste défilante verticale

Les listes défilantes sont utiles si on souhaite afficher un grand nombre d'éléments d'une même rubrique, sans pour cela prendre trop de place à l'écran.

La liste défilante a aussi l'avantage d'être mobile, et donc d'attirer l'oeil du visiteur !



2. code HTML

2.1 Balise MARQUEE

Le principe du défilement se fait avec la balise MARQUEE, dont on a déjà parlé.
Revoir les informations complètes sur la balise de défilement MARQUEE ICI.

Il faut absolument lui donner un sens de défilement vertical, avec l'information de direction "UP".
Le code minimum à insérer est donc :

<marquee behavior="scroll" direction="up"
.....
</marquee>


2.2 Arrêter le défilement au survol de la souris

Pour faciliter la lecture de la liste, il est fortement conseillé d'offrir la possibilité d'arrêter son défilement, quand la souris de votre visiteur passe par dessus.

Pour cela, ajouter à votre code :

onmouseover="this.stop()"
onmouseout="this.start()"



2.3 Les éléments de la liste

A la fin de chaque élément, on ajoutera <br /> pour demander un retour à la ligne (sauf pour le dernier).

Les élements de votre liste seront donc à inscrire ainsi :

Element 1<br/>
Elément 2<br/>
Elément 3<br/>
...
Dernier élément



2.4 La taille d'affichage de la liste

Height définit la hauteur de votre liste, et Width sa largeur.

Il est conseillé de définir une largeur suffisante pour que chaque élément puisse être affiché en entier dans sa largeur !


2.5 La vitesse de défilement

Vous connaissez déjà cette information si vous avez lu l'article sur les balises MARQUEE, il s'agit de  scrollamount et scrolldelay

2.6 Synthèse

Le code complet à copier en édition avancé dans votre article ou votre module est :

<marquee behavior="scroll" direction="up" height="200" width="400" scrollamount="1" scrolldelay="1"
onmouseover="this.stop()" onmouseout="this.start()"

<p>

Element 1 de la liste<br />
Element 2 de la liste<br />
Element 3 de la liste<br />
Element 4 de la liste
<br />
..............................<br />
</p>
</marquee>

où vous remplacez les éléments de la liste par les vôtres. 

3 Exemple complet d'une liste vertical défilante

3.1 La liste défilante

 

 
Les compteurs de visites
Image changeante au survol de la souris
Mon blog passe à la télévision !
Connaître l'adresse URL de ses documents
Enregistrer vos images pour votre blog
Mettre une photo en fond d'article (ou de module)
Tout comprendre sur le flux RSS
Votre site en page de démarrage
les 5 règles d'Or pour construire votre site web
Mettre une horloge sur votre blog


3.2 Le code complet de cette liste défilante :


<marquee scrolldelay="1" scrollamount="3" width="400" height="200" direction="up" onmouseout="this.start()" onmouseover="this.stop()"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 10pt;">Les compteurs de visites<br />Image changeante au survol de la souris<br />Mon blog passe &agrave; la t&eacute;l&eacute;vision !<br />Conna&icirc;tre l'adresse URL de ses documents<br />Enregistrer vos images pour votre blog<br />Mettre une photo en fond d'article (ou de module)<br />Tout comprendre sur le flux RSS<br />Votre site en page de d&eacute;marrage<br />les 5 r&egrave;gles d'Or pour construire votre site web<br />Mettre une horloge sur votre blog</span></span></marquee>



 

                                        Rendez-vous sur Hellocoton !

 

Repost 0
Published by Aurelie - dans Les textes
commenter cet article
15 février 2014 6 15 /02 /février /2014 11:59


1. Comment se faire connaître, c'est la question que tous les blogueurs se posent !

Voici quelques conseils pour augmenter jour après jour son nombre de visiteurs.null

Mais avant tout, sachez être patient !

Les annuaires, le référencement sur les moteurs de recherche, les liens entre blogueurs... tout cela ne se fait pas en 1 jour et demande un peu de temps.

Pour exemple, ce blog a été créé le 8 novembre 09, et j'avais déjà accueilli 568 visiteurs en 12 jours.
Mon blogRank est de 74 sur 100 et augmente peu à peu.



2. Actions pour faire connaitre son blog


1. S'inscrire dans des annuaires Allez chercher sur la grande toile,
il y a une multitude d'annuaires gratuits.

Inscrivez-vous dans la catégorie
qui correspond à votre blog.
2. S'inscrire à des communautés Vous avez ainsi accès à des blogs qui vous concernent,
vous liez des connaissances, vous publiez des articles...

Ne vous inscrivez pas seulement à des communautés
qui regroupent beaucoup de blogs :
certes, de nombreux blogueurs auront accès à vos articles,
mais vous ne resterez pas longtemps affiché en première page de la rubrique "derniers articles", puisque beaucoup d'autres y publient.
3. Allez voir les autres blogs et déposer des commentaires C'est gràce aux commentaires sur les blogs qu'on aime
que l'on se fait aussi connaître :

par le webmaster, évidemment, mais aussi par les autres visiteurs qui lisent vos commentaires et auront peut-être envie d'aller faire un tour chez vous.
4. Répondre à vos commentaires C'est tout d'abord une marque de politesse,
et ça montre que vous êtes attentifs.
5. Ayez un blog attratif, bien construit, bien documenté Bref, votre blog est tout de même la raison n° 1
pour laquelle vos visiteurs reviennent :
ils y ont trouvé ce qu'ils cherchaient,
ils ne se sont pas perdu dans la navigation,
ils ont regardé plusieurs articles....






 

  * 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
14 février 2014 5 14 /02 /février /2014 14:54






Comment avoir les résultats de Sochi sur ton site

Code à installer sur ton site/blog

<iframe width='240' height='400' src='http://www.sochi2014.com/fr/widgets/standings?rows=10' frameborder='0'></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
13 février 2014 4 13 /02 /février /2014 14:35

 

Pour la St Valentin, je t'envoie un câlin
   




Une carte toute mignonne pour la Saint Valentin.

 

Ou faire cette carte animée   

Pour la version annimée, allez sur le site de Dromadaire :

http://www.dromadaire.com/dromacarte/20_saint-valentin_0/7746?id=943b4daee272f954abe531a1ac12eaaa


 

A lire aussi

 

Mettre des gifs animés sur son blog

Saint Valentin : I love you, message animé avec son code 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 Les images
commenter cet article
13 février 2014 4 13 /02 /février /2014 10:22

 

poeme.jpg 

  Idée de photo sympa pour la Saint Valentin, avec une jolie image et un poème.


 

Ou faire ce montage photo poeme

  

C'est le site GrafMe qui propose de générer cette petite image, en 3 clics, rapide et gratuit.

 

 

Comment faire une photo avec un poème

  

Vous choisissez le modèle de photo parmi es 35 images, en cliquiant dessus

  

Taper le titre de votre poème

  

Taper (ou coller) le poème dans le cadre en dessous. Si vous n'avez pas une ame d'artiste, vous pouvez faire comme moi et recopier un poème ou une citation connue.

 

Clic sur le bouton "créer" 

 

 

Sauvegarder son montage photo avec poème 

 

Clic droit sur votre montage poème puis "enregistrer sous" pour une sauvegarde sur ton ordinateur.

Ensuite, à utiliser auprès de votre amoureux !

 

 

A lire aussi

 

Mettre des gifs animés sur son blog

Saint Valentin : I love you, message animé avec son code 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 Les images
commenter cet article
2 février 2014 7 02 /02 /février /2014 11:55

L'importance du logo


Les marques sont importantes pour chaque entreprise et leur cœur est leur logo. Lorsque les consommateurs peuvent reconnaitre une marque grâce à son logo sans même regarder le nom de l'entreprise, on peut dire que l'entreprise atteint son but ultime en terme de notoriété.

 

C'est pourquoi, la refonte répétitive ou la copie d'un logo existant, est très préjudiciable à l'image de votre entreprise. Il est donc très important de bien concevoir vos premiers logos. Utiliser les services d'une société spécialisée dans la création de logo  peut être plus coûteux et pas aussi créatif que ce que vous souhaiteriez. Un concours de logo en revanche est un nouveau moyen rapide et efficace pour répondre à vos besoins. Vous pourrez récolter des centaines d'idées et de design pour un même logo !

 

 

Le design de logos

 

Les résultats peuvent être aussi réussi et productif que ceux d'un concours de slogan publicitaire. Car le design de logos est par essence un travail créatif et un concours de logo vous assure la créativité de centaines de participant. Lors du choix d' une plate-forme de conception de logo, il vous faudra d'abord répondre à ces 10 questions:

 

1 . Combien de concepts allez-vous obtenir ?

2 . Les concepteurs sont-ils des professionnels ?

3 . Les concepts sont-ils des originaux?

4 . Combien de modifications peuvent être faites avant la fin du concours?

5 . Posséderez vous légalement tout les droits du logo ?

6 . Serez vous remboursez en cas de projet non satisfaisant?

7 . Quel est le taux de satisfaction des clients précédents?

8 . Est ce que le logo final vous sera transmit dans un format d'image modifiable ?

9 . Quelle est le délai avant de recevoir les premières proposition de logo ?

10 . La plate-forme internet est elle intuitive et simple d'utilisation ?

 

Vous pourrez obtenir les réponses à toutes ces questions en consultant  directement les dernières publications ainsi que les portfolio et profils des designers, par exemple sur la toute nouvelle plate-forme de création de logo, www.logoarena.fr  

 

 

 

 

 


 

 

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
31 janvier 2014 5 31 /01 /janvier /2014 10:17

Vous voulez améliorer le référencement de votre blog : n'oubliez pas d'indiquer des mots clés.

Pour tout savoir sur le référencement :
Aller voir ICI


1. Mettre des tags, ou mots clés

Les tags, ou "mots clés", en français, sont des mots qui servent à améliorer l'indexation de votre blog par les moteurs de recherche.

Il est donc indispensable d'indiquer des "tags" afin que votre blog soit bien référencé lors d'une recherche, sur un moteur de recherche, ou dans un annuaire.  Over-Blog les utilise d'ailleurs dans son portail !


2. Ajouter des tags à son blog

Dans Over-Blog, vous devez allez dans votre administration puis :

* Aller dans Configurer/Options globales/Description du blog

Vous voyez alors la fenêtre ci-après. Renseigner les champs "mots-clés du blog".

Inutile d'en mettre des tonnes, mais mettez des mots utiles. Vous pouvez vous aider pour cela des statistiques concernant vos visiteurs : Regardez quels mots clés ils ont utilisé pour arriver jusqu'à vous !


 CE_Tags-du-blog.jpg



* Valider la fenêtre avec le bouton "valider" en bas à droite.



 

  * 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
22 janvier 2014 3 22 /01 /janvier /2014 10:52

Photo-dedicace.jpg

 

Faites une "Photo dédicace" avec votre photo et votre texte.

 


 

 

C'est sur le site Dedicace-Toolsize et c'est facile !

 

* Vous chargez votre photo préférée

* Vous écrivez votre texte, choisissez la police, la couleur, l'encadrement, le fond

* Clic sur les options choisies : coins arrondis ou pas,

* Clic sur "Enregistrer"

 

Votre photo apparaît et il ne reste qu'à cliquer sur l'endroit où positionner votre texte.

 

Une fois le résultat satisfaisant, vous enregistrez votre photo dédicace (clic droit et enregistrer sous)

 

 

 


 

  * 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
17 janvier 2014 5 17 /01 /janvier /2014 17:00






On trouve ce gadget chez http://lune.esopole.com/ et il ne génère ni pub ni cookies !



Code à recopier :

<a href="
http://lune.esopole.com" target="_blank"><img src="http://lune.esopole.com/phaselune_120x240.php" width="120" height="240" border="0"></a>
Code à recopier :

<a href="
http://lune.esopole.com" target="_blank"><img src="http://lune.esopole.com/phaselune_o5.php" width="190" height="138" border="0"></a>
Code à recopier :

<a href="
http://lune.esopole.com" target="_blank"><img src="http://lune.esopole.com/phaselune_120x240R.php" width="120" height="240" border="0"></a>




 

  * 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
1 janvier 2014 3 01 /01 /janvier /2014 11:34

 

Encore un jeu pour vous aujourd'hui, mais il s'agit de tir à l'arc cette fois.

 


 

Le principe du jeu de tir à l'arc "Ultra Sports Archery" 

 

Tu joues avec ta souris, en essayant de tirer en  plein dans le mille.

  

Se joue avec la souris : clic puis rotation pour viser. On relache pour tirer la flèche.. Surveiller le curseur en haut à droite pour la force de tir.

 

Les choix : 3 distances de tir.

 

Le code du jeu de tir à l'arc à installer sur ton blog/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-1284544908.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.jeuxclic.com/jeux/game-1284544908.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=17552" target="_blank">Ultra sports Archery</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> 

 

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

Joue à habiller SuperGirl et installe le jeu 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 !                                                        

 

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