Overblog Suivre ce blog
Administration Créer mon blog
11 décembre 2014 4 11 /12 /décembre /2014 15:29

 

Faire un Blog

 


 

 

Votre texte défilante avec un effet apparation/Disparition

 

Un joli moyen de mettre en valeur un titre, une info !

 

 

Le code HTML du texte défilant avec apparition/disparition

 

* Copier le code suivant

 

<a href="http://www.crazyprofile.com/marquee_effects/Marqueeeffects.asp" target="_blank" style="text-decoration:none"><marquee behavior="alternate"><marquee width="150">VOTRE TEXTE</marquee></marquee></a>

 

* Remplacer VOTRE TEXTE par celui de votre choix

 

* Modifier si vous le souhaitez la taille, police, couleur...
       

 


 

  * 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 textes
commenter cet article
4 novembre 2014 2 04 /11 /novembre /2014 08:59


1. Une info bulle, c'est quoi

Une "info bulle" est une information qui s'affiche au survol de la souris.

Par exemple, si vous passez votre souris au dessus du texte (inutile de cliquer) ci dessous :

TEXTE AVEC INFO BULLE

Vous voyez apparaître mon info bulle "Voici mon Info Bulle !" dans un petit encadré.

 




2. Utilisation

On peut donc mettre des info bulles sur les éléments de l'article qui nécessitent une information supplémentaire, mais non essentielle à la compréhension de l'article.

L'autre avantage de l'info bulle est qu'elle ne surcharge pas votre article inutilement.



3. HTML à utiliser pour une info bulle

L'attribut à utiliser pour ajouter une info bulle est
TITLE

3.1 Syntaxe

Title="Le texte de votre info bulle"

Ce code est à ajouter à l'élement sur lequel vous voulez l'utiliser.

3.2 Exemple

Le code pour ce TEXTE AVEC INFO BULLE est

<span style="font-family: comic sans ms,sans-serif;" title="Voici mon Info Bulle !"><span style="font-size: 10pt;">TEXTE AVEC INFO BULLE</span></span>

 


 
4. Autres utilisations

Vous pouvez bien-sûr utiliser cette méthode :

* pour vos photos :

 

ce qui donne pour cette photo :

<img height="184" width="268" src="http://idata.over-blog.com/2/07/78/33/P1000796_800x600.jpg" title="Palmeraie en Espagne" class="CtreTexte" />

* pour vos liens :

Les compteurs de visites

 


 

                                             Rendez-vous sur Hellocoton !
Repost 0
3 novembre 2014 1 03 /11 /novembre /2014 08:59

 

 

 


 

 

Votre gadget "Article de l'économie, selon le Figaro Magazine"

Ce gadget se met à jour automatiquement et vous présente les actualités économiques du Figaro.

Vous pouvez le mettre sur votre blog, dans un article, ou dans un module, afin que vos visiteurs soient informés.

 

 

Le code HTML du gadget "Economie du Figaro magazine :

 

<object data="http://swf.widgadget.com/wrapper.swf?wid=10556&amp;statsid=10253&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" type="application/x-shockwave-flash" width="250" height="320" id="widget" style="outline:none;"> <param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=10556&amp;statsid=10253&amp;langid=es&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" /> <param name="quality" value="high" /> <param name="allowFullScreen" value="false" /> <param name="bgcolor" value="#000000" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="0" value="" /> </object><noscript> Desc&aacute;rgate el widget <a href="http://www.widgadget.com/widget/leconomie-selon-le-figaro-magazine">.</a> M&aacute;s widgets en <a href="http://www.widgadget.com/">Widgadget, la comunidad de widgets.</a> Patrocinado por: <a href="http://www.newslettersoft.com/">NewsletterSoft</a> </noscript>

 

 

 


 

  * 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
24 octobre 2014 5 24 /10 /octobre /2014 15:24
 
Un petit montage Happy Halloween à se faire peur avec CrazyProfile !
 
Bien fait ce petit montage, car on peut déplacer sa photo, la zoomer, modifier et déplacer le texte...
 
J'ai utilisé ici une photo de ma fille avec ses copines, pour une fête d'Halloween.
 
Bref, on s'amuse à se faire une photo qui fait peur et ça, j'aime bien !
 
 
A voir aussi
 

 
  * 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
24 octobre 2014 5 24 /10 /octobre /2014 15:23

 

Un petit montage HORRIBLE à se faire peur avec CrazyProfile !
 
Bien fait ce petit montage, car on peut déplacer sa photo, la zoomer, modifier et déplacer le texte...
 
J'ai utilisé ici une photo de ma fille avec ses copines, pour une fête d'Halloween.
 
Bref, on s'amuse à se faire une photo qui fait peur et ça, j'aime bien !
 
 
A voir aussi

 


 

  * 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
23 octobre 2014 4 23 /10 /octobre /2014 15:22

 

 

Voici quelques gifs animés sur le thème d'Halloween à votre disposition. Il y en a pour tous les gouts, du plus affreux au plus mignon :

Les sorcières, chats, fantomes, citrouilles, gargouilles, hibou, momie, vus attendent.

Je vous mets aussi quelques lignes de séparations et bannières Halloween, pour toute votre déco !

 

gif blog ligne halloween

 

Comment récupérer un gif animé "halloween"

 

Un clic droit puis "enregistrer sous" pour stocker dans votre ordi.

 

Pour utiliser directement dans un message, un article.... clic droit puis copier. Ensuite, on colle et voilà ! 

gif blog ligne halloween

 
  
  
Gif horreur citrouilles (15) Gif horreur gargouilles Gif horreur loups-garous (1)
  gif chauve souris halloween    gif blog chats halloween    gif chats halloween
Gif horreur sang (10) Gif horreur momies (2) Gif horreur hiboux (2)
gif blog fantome
 
  gif fantome   
gif gratuit fantome 
 
 
 gif blog fantome   gif gratuit squelette   gif blog vampire
  gif gratuit vampire   gif squelette   Halloween
 haloween  haloween  Citrouille et bébé

 

A lire aussi : Photos d'horreur à se créer pour halloween : petit montage sympa

Jeu déguisement halloween, avec code pour installer sur ton blog

Faire pleuvoir des sorcières en fond d'article

 

 

 

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 septembre 2014 2 02 /09 /septembre /2014 16:21


 


1. Liste défilante de textes avec des liens

On a parfois des listes à afficher, un peu longues, et pour lesquelles on souhaite faire des liens.
Ces liens peuvent mener vers d'autres pages de votre blog, ou bien vers d'autres sites internet.

L'avantage d'une liste défilante avec liens est :

* le gain de place si la liste est longue,

* comme pour toutes les animations, l'attraction sur les visiteurs. (Il est prouvé que l'oeil est d'abord attiré par le mouvement.)


 
2. Comment faire une liste défilante avec des liens

2.1 Faire une liste avec des liens


Le plus simple est de faire d'abord votre liste, en prenant soin d'aller à la ligne après chaque élément.

Vous ferez aussi sa mise en forme : typo, couleur, taille du texte, alignement...



2.2 Vous ajoutez ensuite les liens sur chaque élément.

Pour mémoire,
cliquez ici pour voir comment faire des liens hypertexte.

Vous avez alors au minimum un code HTML sous cette forme :


<a href=”adresse de la page liée n 1 ”>Texte de votre lien 1</a></br>
<a href=”adresse de la page liée n 2”>Texte de votre lien 2</a></br>



Code complet de liste liée avec mise en page

<a href="http://adresse page liee 1.html"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><span style="color: #0000ff;">I</span><span style="color: #0000ff;"><span style="color: #0000ff;">ndex</span> de tous les articles</span></span></span></a><br /><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;">

<a href="
http://adresse page liee 2.html"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;">Rubrique</span></span></span><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"> "Pour bien demarrer"</span></span></span></a>


2.3 Ajouter ensuite la balise de défilement

Avant votre code HTML de votre liste, vous ajoutez :


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

<p>

puis vous trouvez les éléments de votre liste avec leur mise en forme et leurs liens, comme en chapitre 2.2

* Après, vous ajoutez :

</p>
</marquee>



2.4 Paramètres du défilement

Pour revoir les différents
paramètres de la balise de défilement Marquee, cliquez ICI.


2.4.1 Sens et vitesse de défilement

N'oubliez pas de paramétrer le défilement : vitesse, sens....  Le sens le plus utilisé pour ce type de liste est "up".

2.4.2 Conseil de paramétrage supplémentaire

Ajouter les paramètres qui permetent d'arrêter le défilement au survol de la souris. Ces apramètres sont vivement conseillés dans le cas d'une liste défilente avec liens, et en aprticulier si votre vitesse de défilement est élevée.

Sinon, votre visiteur risque de faire un clic non pas sur l'élement de la liste de son choix mais sur un élément au dessous.


Paramètres à ajouter :

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


3. Code complet d'une liste défilante avec liens


<p style="text-align: center;"><marquee scrolldelay="1" scrollamount="2" width="400" height="100" direction="up" onmouseout="this.start()" onmouseover="this.stop()">

<div style="text-align: left;"><a href="
http://www.over-blog.com/com-1109493945/123Miam_Miam.html"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><span style="color: #0000ff;">I</span><span style="color: #0000ff;"><span style="color: #0000ff;">Index de tous les articles</span></span></a><br />

<span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><a href="
http://faireunblog.over-blog.com/pages/5_articles_a_lire_pour_demarrer_votre_blog-2051604.html"><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;">Rubrique</span></span></span><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"> "Pour bien d&eacute;marrer"</span></span></span></a></span></span></span><span style="color: #0000ff;"><span style="font-family: comic sans ms,sans-serif;"><span style="font-size: 12pt;"><br />

autres éléments de ma liste.....
<br />
</div>
</marquee></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
1 septembre 2014 1 01 /09 /septembre /2014 16:20

Tout d'abord, ces dessins s'appellent des "gif" (à cause du format de leur fichier) et on en trouve facilement sur internet.

Voici, pour l'exemple, 2 sites assez riches :

m
http://www.quigif.com/alimentation_Gifs.html
m http://www.123gifs.com/gifs/alimentation/

Une fois que vous avez trouvé le dessin qui vous convient, vous faites un Clic-droit, puis "Propriétés", et vous copiez "l'adresse url".

Par exemple, cette sympathique carotte a l'adresse suivante :


http://www.123gifs.com/gifs/alimentation/carotte/123gifs001.gif

Pour qu'elle apparaise sur votre blog, il suffit d'écrire, en format HTML, son adresse avec <img src=" AVANT et "/> après.

Voici donc ce qu'il faut noter pour la carotte :

<img src="
http://www.123gifs.com/gifs/alimentation/carotte/123gifs001.gif"/>

et voilà !

Vous ajustez ensuite sa taille en cliquant sur un coin, ou bien directement en langage html aussi.

 


 

  * 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
4 août 2014 1 04 /08 /août /2014 09:34

Un petit jeu de machine à sous, pour se détendre un peu, et pour ne pas se ruiner !

 


 

Vous pouvez jouer, bien sûr, mais aussi mettre ce jeu sur votre site !

Vos visiteurs pourront s'amuser comme au casino...

 

Comment jouer à la "Machine à sous"

 

Un clic sur le bouton "Bet" (parier)

Un clic sur la manette à droite, et voilà les objets qui défilent.....

 

Comment mettre le jeu "machine à sous" sur son site/Blog

 

* Vous copiez le code suivant :

 

<div><object width="600" height="428"><param name="movie" value="http://www.jouez-flash.com/jeux/521-beach-party.swf"></param><embed src="http://www.jouez-flash.com/jeux/521-beach-party.swf" type="application/x-shockwave-flash" width="600" height="428"></embed></object><br /><b><a href="http://www.jouez-flash.com/jeu-flash.php?id=521&Beach+party">jeu : Beach party</a></b><br /><i>Trouvé sur <a href="http://www.jouez-flash.com">Jouez-flash</a></i></div>

 

 

* Vous allez sur votre site, en mode avancé/Html, et vous collez le code.

 

Articles à revoir dans la rubriqaue "jeux" 

 

Entrez dans le monde des Simpsons : jeu et widget 

Défoulez-vous avec le jeu du baffotron (jeu et code à installer) 

PacMan : jeu et code pour installer sur ton site  


 

  * 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 Jeux
commenter cet article
2 août 2014 6 02 /08 /août /2014 17:09

Acrostic Name Poem by Wishafriend

Ton prénom en poème, c'est WishAFriend qui propose de te faire cela ! C'est original, sympa et très vite fait ! 


 

Comment créer sa carte avec prénom en poème

 

* Clic sur "Upload your photo" pour choisir la photo avec ton meilleur profil

* Tape ton oprénom dans la case "Your name" - maw 13 caractères

* Clic sur le fond de carte souhaite (choix entre 3)

* Clic final sur le bouton "Generate Name Poem"

 

 

Comment utiliser ta carte avec prénom en poème

 

Le bouton "copy" accessible sous ta carte te permet de sauvegarder le code HTML pour la coller ensuite où tu veux

 

Sinon, le "Embed code" te donne aussi la code HTML de ton image.

 

 


 

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

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