Overblog Suivre ce blog
Administration Créer mon blog
3 janvier 2016 7 03 /01 /janvier /2016 15:17

Suite à la demande de certains de mes visiteurs, je vous donne ici le code HTML pour faire apparaître une pluie d'étoiles au bout de votre curseur (ou de votre souris).

 

Particularités du code HTML de la pluie d'étoiles

 

La particularité de ce code est qu'il se suffit à lui-même :

 

- Il ne nécessite pas de charger des photos d'étoiles, comme on peut en trouver sur certains forums. Le code fourni alors ne fonctionne pas si vous n'avez pas les photos (format gif) qui correspondent au code, et enregistrés dans le même répertoire.

 

- Pas besoin non plus d'aller bidouiller dans votre CSS !

 

- Il n'est en aucun cas prévu seulement pour les blogs sur Over-blog. C'est un code HTML, dont, à utiliser où bon vous semble

 

Code HTML de la pluie d'étoiles qui suit le curseur

 

 

 

<script type="text/javascript">
_uacct = "UA-994360-1";
urchinTracker();
</script><script type="text/javascript">
var colour="#7C5B1A";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

 

 

Ou mettre ce code HTML de pluie d'étoiles

 

Il est à recopier, en mode avancé, HTML, pour votre blog:

 

- dans un article si vous ne le voulez actif que sur un article

 

- en pied de page de votre blog (accueil ET mise en page articles) pour qu'il soit valide partout

 

Limitation du code HTML pour la pluie d'étoiles

 

Ce code étant en Javascript, il ne sera pas accepté par les blogs Over-blog en mode confiance !

 

 

A lire aussi :

Faire tomber des objets en fond d'article sur votre blog

Changer le curseur de la souris sur un 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 !                                                        

 

Repost 0
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
19 mai 2015 2 19 /05 /mai /2015 10:49
memeo ShareCreate Your OwnPowerd by Oddcast


Soyez le héros d'une vidéo !
 


 
Vous voulez sautez d'un avion en plein vol, être le héros d'un conte de fée, sauvez le monde.... C'est possible, et tous vos amis pourront voir la vidéo pour preuve de vos exploits.

Vous trouvez ça chez MadeUpMemories, et c'est gratuit et sans inscription !



Comment faire la vidéo de vos exploits

Le site est en anglais mais je vais vous expliquer :

- Choisissez votre photo avec le bouton "Browse"


- Ajuster votre photo avec les flèches, les curseurs de couleur... pour que votre visage s'adapte bien au modèle.

. Valider et patientez quelques instants.

Si la vidéo vous plait, vous récupérez le code et hop, vous postez sur votre blog, dans un mail...




Mettre du code HTML dans un article :

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 !                                                        

 

Repost 0
1 mai 2015 5 01 /05 /mai /2015 10:34




Je vous ai trouvé un site qui propose des compteurs vraiment jolis : c'est le site Compteur.org

Une limitation cependant : ces compteurs sont en code flash, attention donc aux blogs qui n'acceptent pas ce langage !

Pas de panique, j'ai d'autres compteurs pour vous ici : Les compteurs de visites


 


 

  * 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
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
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 juillet 2014 2 01 /07 /juillet /2014 10:18



Si vous voulez mettre un sondage sur votre blog, je vous conseille le site Pixule.

En 3 clics et sans enregistrement préalable sur le site, vous avez votre sondage personnalisé :


* Vous tapez la question posée, ainsi que les réponses proposées.

* Vous paramétrez les couleurs, type, langue, apparence de la boîte à sondage...

* Un dernier Clic sur le bouton "Validez et enregistrez" et vous avez votre code HTML.

* A vous de le recopier ensuite sur votre blog pour faire apparaître votre sondage.


A ce propos, merci de répondre au petit sondage sur cet article pour m'aider à cibler mes articles vers les sujets qui vous interessent !



 


 

  * 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
2 mai 2014 5 02 /05 /mai /2014 10:33
1. Un texte lisible
 
* des caractères pas trop petits,
* des polices de caractère .....
2. un affichage rapide Ne surchargez pas vos pages ...
3. Une bonne organisation Un article clair, pouvant ...
4. Une architecture simple
 
Vos visiteurs ne passeront pas de temps à ...
5. l'esthétique
 
L'esthétique est important ...



Vous avez vu que j'utilise assez souvent les tableaux quand je fournis des listes assez longues, avec des explications sur les éléments de la liste.

J'ai repris en haut de cet article un résumé du tableau paru dans l'article

"Les 5 règles d'Or pour construire votre site".

 


 

1. A quoi sert un tableau ?

1.1 Ranger ses informations

Mettre des informations sous forme de tableau est parfois utile si on souhaite qu'elles apparaissent clairement à nos visiteurs.
Elles sont alors "rangées" et plus faciles à lire

1.2 Avoir un visuel graphique, et pas seulement du texte

Cela permet d'avoir une représentation "graphique" et ordonnée de différents textes ou images relatifs à un même sujet.

1.3 Faire des alignements

Enfin, c'est un moyen simple de réaliser des alignements : En utilisant un tableau, vous mettez facilement 2 informations (ou 2 images) l'une à côté de l'autre, par exemple.
Dans ce cas, le tableau n'est qu'un support qui sera transparent (pas de bordure) et qui n'est utilisé que pour aligner vos données.
J'utilise ce procédé en bas de mes articles, pour aligner sur une même ligne le bouton de retour à l'index des articles et celui du vote pour l'article.


 


 

2. Construire un tableau

2.1 Balises HTML pour faire un tableau

La balise de définition d'un tableau est TABLE.

Il faudra donc "ouvrir" cette balise en début de code <table> et la refermer en fin de code
</table>


2.2 Paramétrer son tableau

la balise <th> définit la cellule d'en-tête d'un tableau
la balise <tr>sert à créer une ligne dans un tableau. Cette balise est encadrée par la balise <table>.
la balise <td>sert à créer une nouvelle cellule dans un tableau. Cette balise est encadrée par <tr>

l'argument border définit la taille de la bordure
la largeur est définie par width

 


 

3. Syntaxe complète d'un tableau

3.1 Code html

<table style="width: 300px;" border="1" align="center">
<tbody>
<tr>
<td><strong>Ligne 1 colonne 1</strong></td>
<td><strong>Ligne&nbsp;1 colonne 2</strong></td>
</tr>
<tr>
<td>Ligne 2 colonne 1</td>
<td>Ligne 2 colonne 2</td>
</tr>
</tbody>
</table>



3.2 Explications

<table Ouverture de la balise pour tableau
style="width: 300px;"largeur du tableau de 300 pixels
border="1" bordure épaisseur 1 pixel
align="center"> centrage du tableau et fermeture balise
<tr> <td><strong>Ligne 1 colonne 1</strong></td>  1ère ligne, avec texte en gras
<td><strong>Ligne&nbsp;1 colonne 2</strong></td> nouvelle cellule, donc seconde colonne
...
</table> fin du tableau



3.3 Visualisation du tableau

Ligne 1 colonne 1 Ligne 1 colonne 2
Ligne 2 colonne 1 Ligne 2 colonne 2


 



 

                               Rendez-vous sur Hellocoton !
Repost 0
25 avril 2014 5 25 /04 /avril /2014 15:22


                                                                 English

 

1. Outil de traduction

Si vous avez la chance d'avoir des visiteurs des pays étrangers, il peut être utile d'ajouter un outil de traduction à votre blog.

Le principe est d'avoir un dessin (drapeau) qui, en cliquant dessus, redirige votre visiteur vers votre page traduite dans la langue choisie.

Si vous cliquez sur le drapeau ci-dessus, vous verrez cet article en anglais. L'outil de traduction utilisé est celui de Google.


2. Un drapeau animé pour obtenir une traduction

Si cet outil est utile, mieux vaut qu'il se voit !

C'est pourquoi je vous propose de le mettre dans votre blog sous la forme d'un drapeau animé, représentant la langue de traduction.

J'ai ici choisi l'Anglais, qui est la langue internationale de référence.

Si vous souhaitez obtenir un drapeau de traduction d'une autre langue, postez-moi un com sur cet article et je vous le donnerai avec plaisir !


3. Code HTML du drapeau Anglais pour les traductions

Le code à ajouter sur votre article, ou bien sur votre module, si vous souhaitez que l'outil fonctionne pour toutes vos pages, est le suivant :


<a onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=fr%7Cen&amp;hl=fr&amp;ie=UTF8'); return false;" rel="nofollow" target="_blank"><img src="http://www.quigif.com/images_gifs/drapeaux/usa/usa (4).gif" alt="English" title="Translate to English" style="cursor:pointer; cursor:hand;" /></a></div>
 

 

4. A lire aussi

Traducteur de page internet avec mini drapeaux

Drapeau belge de traducteur de page en néerlandais

 

 


  * 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
6 avril 2014 7 06 /04 /avril /2014 16:51
 

 

 


 

 

Code Javascript du synthétiseur

 

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('6d34d584-baf9-4ce5-812d-2703aca76bca');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/full-size-synth-piano">Full Size Synth Piano</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

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

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