Overblog
Suivre ce blog
Administration Créer mon blog
5 mai 2016 4 05 /05 /mai /2016 14:50

 

 
On trouve ce petit générateur sur CrazyProfile.
 
 
 
Comment réaliser votre message animé
 
Vous choisissez d'abord la couleur du stylo (PenColor)
 
La taille de la mine (PenSize)
 
Vous écrivez votre message (ou dessinez) sur le tableau.
 
Une photo à insérer : clic sur "Open"
 
Pour admirer votre chef d'oeuvre, un clic sur "Animate"
 
C'est loupé ? Clic sur Reset et on recommence.
 
Cette fois  c'est bon, clic sur "Code" pour récupérer le code HTML de votre message animé.
 
 
A lire 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 !                                                        

 

 

Published by Aurelie - dans Les textes
commenter cet article
30 avril 2016 6 30 /04 /avril /2016 08:49

null

Pour que votre site plaise, qu'il soit correctement référencé, que vos visiteurs reviennent, il faut respecter quelques principes :


Et oui, vos visiteurs ont déjà vus beaucoup de sites, ils sont habitués à certains standard et il faut qu'ils les retrouvent chez vous, sous peine d'être perdus dans la navigation, trompés dans leurs habitudes... et ils iront voir ailleurs.

  Tout ce qui suit peut tenir en 1 phrase : respecter les standards et soyez logique !




Voici donc les 5 règles d'Or pour votre site :
 

1. Un texte lisible


Cela veut dire tout de même beaucoup :

* des caractères pas trop petits,
* des polices de caractère standards,
* pas trop de fautes d'orthographe,
* Un fort contraste entre la couleur du texte et celle du fond,
* les soulignements sont réservés aux liens.
2. un affichage rapide

 

Ne surchargez pas vos pages avec des gadgets inutiles
qui diminuent la vitesse d'affichage.
Votre lecteur ne patientera pas !

La taille maximale d'une page est de 50Ko.
3. Une bonne organisation


Un article clair, pouvant être lu en diagonal rapidement :

Il doit comporter des titres et des sous-titres, et être aéré.

Il doit avoir une largeur minimum, sous peine de fatiguer le lecteur.

Ajouter des photos permet d'attirer l'oeil et d'agrémenter un texte.
4. Une architecture simple


Vos visiteurs ne passeront pas de temps à comprendre
comment est organisé votre site.

S'ils s'y perdent, tournent en rond, 
ils partiront !

En principe, les articles sont en centre de page,
les renvois, les pubs, les gadgets, à droite.
On doit trouver un sommaire des articles présentés.

Si vos articles sont long, ajouter des boutons
pour revenir en haut, aller à la page d'accueil, aller sur un article similaire...

 
5. l'esthétique


L'esthétique est important pour votre site,
mais faites très attention à ne pas la privilégier,
aux dépends du contenu et de la clarté du site.

Il y a souvent des choix à faire et
il faut savoir ne pas trop en mettre !

Évitez notamment les gadgets trop nombreux
qui surchargent votre site, ou bien qui ne sont
pas cohérents par rapport à son thème.


 


 

                                        Rendez-vous sur Hellocoton ! 




 

Published by Aurelie - dans Pour bien débuter
commenter cet article
28 avril 2016 4 28 /04 /avril /2016 15:47



 


 
Vous voulez offrir la possibilité à vos visiteurs d'écouter la radio quand ils visitent votre blog !

J'ai le gadget qu'il vous faut !


Comment installer le lecteur radio sur son blog

C'est très facile, il suffit d'aller dans un article, ou plus vraisemblablement un module de votre blog (afin que la radio apparaisse quelle que soit la page visitée), puis de passer en édition avancé, mode HTML.

Voici le code à copier :

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

Autre possibilité : Un clic sur le bouton "Menu" en haut à droite de ce widget, puis choisir "Installer" et copier le code fourni.


Restriction posssible :

Vérifier si les blog d'OB en mode confiance acceptent ce code. merci de me le faire savoir dans un commentaire !


 


 

  * 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 !                                                        

 

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
31 mars 2016 4 31 /03 /mars /2016 13:51

 

 

Aujourd'hui, c'est le 1er avril et je vous propose donc de décorer votre blog avec des poissons rouges.

 

Voici le code HTML à copier dans votre article, votre profil, votre bannière...

 

 

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:35; height:450; z-index:645"><img src="http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:35; height:250; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; width:35; height:370; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:35; height:340; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; width:35; height:70; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140; top:30; width:35; height:50; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:35; height:60; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<a href="
http://www.jellymuffin.com/generators/falling_objects/" target="_blank"">Myspace Falling Objects</a> @ JellyMuffin.com
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130; width:35;height:80; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; width:35; height:330; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390; top:50; width:35; height:400; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440; top:70; width:35; height:300; z-index:600"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560; top:70; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590; top:100; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520; top:170; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610; top:200; width:35; height:300; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650; top:250; width:35; height:340; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:290; width:35; height:380;z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660; top:40; width:35; height:70; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690; top:60; width:35; height:90; z-index:645"><img src="
http://www.jellymuffin.com/generators/falling_objects/objects/fish.gif"></marquee>
<a href="
http://www.jellymuffin.com/generators/falling_objects/"><img src="http://www.JellyMuffin.com/adsource/rightcorner.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>

 

A relire aussi : Le défilement avec la balise "Marquee"

et Faire tomber des objet sur votre article

 


 

  * 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 !                                                        

 

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
24 mars 2016 4 24 /03 /mars /2016 14:52

 

 



Votre texte qui apparait avec un effet cercle. Joli non ?
 
 
Créer votre texte qui apparait/disparait avec un effet de cercle

Si vous voulez faire pareil, allez chez
CrazyProfile !

Taper votre texte (pas trop long, malheureusement !

Clic sur "Preview" pour voir le résultat.

Si cela vous convient, Clic sur GetCode et vous voilà avec votre code HTML.



Mettre votre texte avec effet sur votre blog

Vous obtenez le code HTML, que vous n'avez qu'à recopier, en mode avancé, bien-sûr !

A relire si vous ne savez pas comment faire :
html, c'est quoi ?
 

 


 

  * 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 !                                                        

 

 

Published by Aurelie - dans Les textes
commenter cet article
10 mars 2016 4 10 /03 /mars /2016 17:19

 

Click to play this Smilebox collage: vues l isle adam
Create your own collage - Powered by Smilebox
Make a Smilebox collage

 

 

Si vous voulez faire une animation avec vos photos, lisez cet article !

 



 
Vous vous inscrivez chezSmileBox.

Attention : ce site a une version gratuite et 2 versions avec des options payantes !

Une fois inscrit, vous choisissez le thème désiré ; il y a plein de design différents, classés par thème : invitations, albuim de vacances, recettes, carte de voeux, collages, invitations, livre photos...

Une fois le thème choisi, vous ckliquer sur le bouton "Personnalize" puis vous enregistrez vos photos avec le bouton "Get photos" en bas à gauche.

Vous faites ensuite glisser vos photos dans votre thème.

Certains thèmes comportent du texte : il suffit de cliquer aux endroits montrés et de taper vos commentaires.

Une fois votre composition terminée, vous la sauvegardez en lui donnant un nom puis choisissez ce que vous voulez en faire. Pour la mettre sur un blog, il suffit de cliquer sur le nom de votre hébergeur (ou bien sur "Other blog", et vous recopiez le
code HTML fourni.


un autre exemple ci-dessous avec une recette de mon blog : www.recettes-deco.over-blog.com


 

                   
Click to play this Smilebox smilebox: Recette bavarois
Create your own smilebox - Powered by Smilebox
Make a Smilebox smilebox


 


 

  * 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 !                                                        

 

 

Published by Aurelie - dans Les images
commenter cet article
7 mars 2016 1 07 /03 /mars /2016 17:18



Vous avez peut-être remarqué que depuis peu,
j'ai ajouté un "nuage de tags" en colonne droite de mon blog.

 


 

1. C'est quoi, un nuage de tags ?

Un nuage de tags est une liste de mots clés de votre blog.

Ces mots sont disposés aléatoirement, et contiennent chacun un lien vers l'endroit où on trouve ce mot.



2. A quoi sert un nuage de tags ?

Le nuage de tags sert à atirer vos visiteurs vers des pages de votre blog qu'il n'aurait peut-être pas vu autrement.

Il peut en effet être attirer par un mot ou une phrase susceptible de l'interesser, alors que ce mot ne se trouvait pas dans votre sommaire (où on ne met généralement que les titres des articles)

Le nuage peut aussi servir de décoration, puisqu'il est en général coloré.


3. Les différents types de nuage de tags

Il en existe de 2 sortes : les statiques, comme celui qui est sur cet article, et les dynamiques.

Ces derniers sont encore plus attractifs car les mots qu'ils contiennent bougent, se déplacent ou bien changent de taille de texte.

Le seul inconvénient est qu'ils sont en général faits en animation flash, et donc incompatibles avec les blogs d'Over-blogs en mode confiance !


4. Comment faire un nuage de tags ?

Je vous conseille le site Tag-Cloud.


Il n'y a pas plus simple et tout se fait sur une page, et sans inscription préalable.

* Vous entrez votre blog et le système récupère tout un tas de tags possibles.

* Vous enlevez, modifiez, ajouter ceux que vous souhaitez.

* Vous paramètrez les couleurs, typo, taille du nuage....

* Vous choisissez "HTLM" pour la question "Tag Cloud Art" puis

* Vous sélectionnez "Generate preview".


* Il ne reste plus qu'à recopiez le code fourni et le coller dans un module de votre 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 !                                                        

 

 

24 février 2016 3 24 /02 /février /2016 09:05

Quand on a un blog, on, entend beaucoup parler de HTML et de CSS. N'ayez pas peur, ça ne mord pas !

Ce ne sont que des langages de programmation, codés en anglais, qui permettent de faire des pages internet.

HTML signifie Hypertext Markup Language. Il est constitué de "marques" ou "balises" qui permettent d'identifier les éléments d'une page.

CSS : Cascading Style Sheets. C'est ici que vous allez modifier (éventuellement) le style graphique de votre blog.

Pour l'instant, nous allons nous occuper du HTML.


Le principe est d'utiliser des balises pour définir ce que vous souhaitez. Il en existe beaucoup, (une petite centaine), vous apprendrez à les utiliser au fur et à mesure.

Vous trouvez une
liste des principales balises HTML ICI


Un exemple d'utilisation :

Si j'écris :

<span style="color: #ff0000;"><strong>HTML</strong></span>

Ceci signifie que pour mon texte "HTML", j'ai demandé un style avec une couleur rouge et une écriture en gras.

Ce qui donne :
HTML


Pour utiliser l'HTML dans Overblog, il faut :

* Créer un article

* Choisir l'onglet "édition avancée"
null
* puis cliquer sur HTML à gauche dans la barre de menu.

Vous voyez alors votre article en code HTML. Vous apportez les modifications voulues, puis cliquez sur "Mettre à jour" pour revenir en mode classique.

A vous de jouer !

 

 

 

 

 

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 !                                                        

 

 

Published by Aurelie - dans HTML
commenter cet article
21 février 2016 7 21 /02 /février /2016 09:05
Feedjit Live Blog Stats Un nouveau gadget sympa a vous proposer aujourd hui.

On le trouve chez
Feedjit Free Widgets.

Il y a 4 gadgets :

* La localisation de vos visiteurs en "texte",
   avec leur ville, le blog, la nationalite
   C'est celui que j'ai mis ici sur la gauche !

* une geolocalisation sur une carte du monde

* Une liste de lectures recommandées

* Une liste de sites dont la popularité est optimum


Chacun de ces gadget est paramétrable pour ses couleurs, sa taille.

Comme d'habitude, pour l'installer, il suffit de recopier le code fourni.

Attention, c'est du javascript, vérifier que votre blog l'accepte !


A lire également : Mettre une station météo personnalisée sur son blog  
et
Savoir d'ou viennent les visiteurs de votre 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 !                                                        

 

 

Published by Aurelie - dans Gadget à blogs
commenter cet article
20 février 2016 6 20 /02 /février /2016 09:04

 

 


 

 

 

Le code du jeu :

 

<object width="500" height="365"><param name="movie" value="http://www.jeux-flash-gratuits.biz/games/motocross-fmx.swf">
 <embed src="http://www.jeux-flash-gratuits.biz/games/motocross-fmx.swf" width="500" height="365"></embed></object><br /><b><a href="http://www.jeux-flash-gratuits.biz/motocross-fmx+j21842.html" title="Motocross FMX" target="blank">Motocross FMX</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 !                                                        

 

 

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