More servicesWindows Live
HomeHotmailSpacesOneCare
 
MSN
Sign in
 
 
Spaces home  •^v^–[ Trucs et Astuces ...ProfileFriendsBlogMore Tools Explore the Spaces community

•^v^–[ Trucs et Astuces pour votre Espace Perso ]–^v^•

,.-~*´¨¯¨`*·~-.¸-(_ Ici vous trouverez de tout pour votre blog _)-,.-~*´¨¯¨`*·~-.¸
August 01

Accueil - Présentation

 

 

 

Vous êtes le un compteur pour votre site visiteurs de mon blog 

Sur cet espace perso, je vais essayer de vous expliquer comment améliorez votre espace perso MSN... Je tiens à préciser que je n'ai pas tout trouvé tout seul et que certaines de mes astuces sont déjà présentes sur d'autres Blogs...

Mon but n'est pas de copier ces Blogs mais d'essayer d'en regrouper les idées et de les mettre sur un seul Blog...

 

Je vais d'abord commencer par me présenter :

Prénom :                    Mikaël

Age :                         23ans

Lieu de résidence :     Belgique, Bruxelles

Yeux :                       Bleus

Cheveux :                   Châtains

Photo :    

Et oui ici c'est moi sur cette photo...

 

Me contacter : soit laisser un commentaire sur cet espace perso soit m'ajouter dans vos contacts MSN avec mikou238@hotmail.com 

 

Mon statut MSN : Je suis...

 J'essaierai bien évidemment de vous aider au maximum et répondrai dans la mesure du possible et de mes connaissances à vos questions...

Je vais classer mes explications en trois catégories...

 FACILE

FACILE

 

 MOYENMOYEN

MOYEN

 

DIFFICILEDIFFICILEDIFFICILE

DIFFICILE

 

En bas à droite de chaque blog, vous verrez le logo suivant :    Retour Accueil

Ce logo vous permettra bien évidemment de retourner à l'accueil.

 

Bon, il est temps pour moi de vous laisser découvrir mon espace perso...

Bonne visite

 

Attention, ça fait déjà :

Que vous êtes sur mon Espace perso...

Insérer une image dans un blog

FACILE

MSN nous permet d'insérer des images à nos blogs...

C'est bien beau tout ça mais les images que l'on veut insérer se mettent toujours à la fin de notre blog et pas toujours à la taille que l'on désirerait...

 

Pour cela, deux solutions :

1. Insérer une image présente sur le net :

Pour cela, rien de plus facile. Trouvez une image qui vous plaît sur le net (de préférence pas celle d'un blog, vous comprendrez pourquoi après).

Une fois l'image qui vous plaît trouvée sur le net, cliquez droit avec votre souris sur cette image. Vous avez alors un menu déroulant qui s'ouvre...

Descendez jusqu'à "Propriété". Vous avez alors une fenêtre qui s'ouvre. Dans cette fenêtre, vous pourrez y voir "Adresse URL :" et juste à côte de celà, une adresse Internet commencant par http://sitedimage/monimage.gif. C'est cette adresse qui nous intéresse. Copiez-la et inscrivez-la précieusement quelque part.

Une fois que cela est fait, allez sur votre espace perso et créez un nouveau blog. Cliquez ensuite sur le bouton HTML. Vous verrez ceci s'inscrire <DIV></DIV>. Effacez cela. Insérez à la place ceci : <P><IMG src="http://sitedimage/monimage.gif"></P>

Remplacez ensuite ce qui est en rouge par l'adresse que vous aviez précédemment copiée. Appuyez à nouveau sur le bouton HTML. Et là, magie... Votre image apparaît...

  Voilà, c'était pas si compliqué que ça quand même ;-)

 

2. Insérer une image présente dans votre PC :

- Tout d'abord, nous avons besoin d'un hébergeur d'image. Cliquez ici

- Ensuite, suivez les instructions indiquées sur cette page internet.

- Une fois que vous aurez envoyé votre image sur le net, vous aurez une nouvelle page qui s'ouvrira.

- Dans le bas de cette page, vous pourrez apercevoir votre image dans le bas. Cliquez droit sur cette image et copier l'adresse http comme dans le précédent exemple.

- Rendez-vous alors sur votre blog et suivez les mêmes instructions que pour le précédent exemple.

 

3. Ajouter un commentaire lié à une image :

Vous pouvez également ajouter un commentaire lié à une image. c'est à dire que lorsque l'on mettra notre souris sur l'image, une boîte de dialogue va s'afficher.

- Pour ce faire, choisissez une image comme dans les exemples précédents.

- Ajouter le code suivant au code pour insérer une image : alt="mon texte perso"

- Ce qui donnera :

 <P><IMG alt="mon texte perso" src="http://sitedimage/monimage.gif"></P>

- Remplacez ce qu'il y a en vert par votre texte et ce qu'il y a en rouge par l'adresse http de votre image et voici ce que ça donnera :

 Voici comment on arrive à ajouter un commentaire lié à une image

 

 Retour à l'accueil

Insérer une image au fond de votre blog

MOYENMOYEN

1. Créer un nouveau blog
2. Appuyer sur la touche "HTML"
3. Introduire le code suivant :
<DIV align=center>
<DIV id=msn style="WIDTH: 738px"><IMG height=554 src="
http://guadeloupe.vac.9online.fr/Kangourou.jpg" width=738 align=right>
<DIV style="FLOAT: left; WIDTH: 738px">
<P><FONT face="Lucida Handwriting" size=5>
Votre texte ici</FONT></P></DIV></DIV></DIV>
Si votre Blog n'est composé que d'une seule grosse colonne (comme le mien), gardez le paramètre actuel.
 
 
Si votre Blog est composé de deux colonnes, une petite et une grosse, rentrez comme paramètre WIDTH:558
Ce qui donne :

<DIV align=center>
<DIV id=msn style="WIDTH: 558px"><IMG height=554 src="
http://guadeloupe.vac.9online.fr/Kangourou.jpg" width=558 align=right>
<DIV style="FLOAT: left; WIDTH: 558px">
<P><FONT face="Lucida Handwriting" size=5>
Votre texte ici</FONT></P></DIV></DIV></DIV> 
 
Si votre Blog est composé de deux colonnes, de taille à peu près égales, rentrez le paramètre WIDTH:355
Ce qui donne :
<DIV align=center>
<DIV id=msn style="WIDTH:355px"><IMG height=554 src="http://guedeloupe.vac.9online.fr/Kangourou.jpg" width=355 align=right>
<DIV style="FLOAT: left; WIDTH: 355px">
<P><FONT face "Lucida Handwriting" size=5>Votre texte ici</FONT></P></DIV></DIV></DIV>

 

Enfin, si votre Blog est composé de trois colonnes, deux petites et une grosse, rentrez le paramètre WIDTH:378

Ce qui donne :

<DIV align=center>
<DIV id=msn style="WIDTH: 378px"><IMG height=554 src="
http://guadeloupe.vac.9online.fr/Kangourou.jpg" width=378 align=right>
<DIV style="FLOAT: left; WIDTH: 378px">
<P><FONT face="Lucida Handwriting" size=5>
Votre texte ici</FONT></P></DIV></DIV></DIV>

 

Dernière possibilité : si votre Blog est composé de trois colonnes une toute petite et deux moyennes, rentrez le paramètre WIDTH:265

Ce qui donne : 

<DIV align=center>
<DIV id=msn style="WIDTH: 265px"><IMG height=554 src="
http://guadeloupe.vac.9online.fr/Kangourou.jpg" width=265 align=right>
<DIV style="FLOAT: left; WIDTH: 265px">
<P><FONT face="Lucida Handwriting" size=5>
Votre texte ici</FONT></P></DIV></DIV></DIV
>

 

Ce qui nous donnera :

 

Et voilà, le tour est joué... A vous maintenant de laisser libre court à votre imagination. Ajouter des images et des commentaires à volonté

 Retour à l'accueil

Ajouter un compteur de visite pour votre site

MOYENMOYEN

 * Pour ce faire, vous devez d'abord vous rendre sur un site de compteur en cliquant ici

 

Il y a deux types de compteurs : compteur mode texte et compteur mode graphique. Choisissez celui que vous voulez et paramétrez la palette de couleur. Entrez le nom du compteur ( Attention le nom ne doit pas comporter d'accents ou de signes spéciaux) et votre e-mail.

Lorsque c'est fait, validez. Le site vous donne alors un code HTML que l'on va copier puis inserer sur le billet. Copiez donc ce code. Voila à quoi doit ressembler le code que vous obtenez:

<A href="http://www.imingo.net/" target=_top><IMG style="WIDTH: 54px; HEIGHT: 14px" height=14 alt="un compteur pour votre site" src=http://www.imingo.com/services/compteur/icptgr.php?id=nomdevotrecompteur width=54 border=0></A>

 

* Revenez maintenant sur votre blog et mettez un titre à votre billet

Cliquez ensuite sur le bouton "HTML". Vous allez voir l'inscription suivante : <DIV></DIV>. Supprimez cela et remplacez le par : <P></P>

Collez le code source que vous avez copié (pour coller un lien sur votre billet cliquez sur "Edition" puis sur coller). Ce qui donne en code HTML:

<P><A href="http://www.imingo.net/" target=_top><IMG style="WIDTH: 54px; HEIGHT: 14px" height=14 alt="un compteur pour votre site" src=http://www.imingo.com/services/compteur/icptgr.php?id=nomdevotrecompteur width=54 border=0></A></P>

Ce qui nous donnera : un compteur pour votre site 

Vous trouvez le compteur trop petit, alors revenez en mode normal (c'est à dire décochez la case HTML) et cliquez sur votre compteur. Il est alors possible de l'agrandir ou de le rétrecir mais attention, trop grand, il devient alors très pixélisé.

un compteur pour votre site 

 

Retour à l'accueil

Ajouter de la musique

MOYENMOYEN

1° Pour cela, passer votre billet en mode HTML.

2° Supprimez <DIV></DIV> par <P></P>

3° Entre les deux P introduisez la ligne suivante :

<IMG height=0 loop=infinite dynsrc= http://**** width=0 border=0>

Ce qui donne :

<P><IMG height=0 loop=infinite dynsrc= http://**** width=0 border=0></P>

Au lieu des **** mettez l'adresse http de votre musique.

Cliquez à nouveau sur le bouton HTML et le tour est joué...

 

 

Afin d'éviter que la musique se mette en route en même temps que vous regardez mes vidéos, je l'ai supprimée... Cependant, j'en ai mises plusieurs dans mon lecteur Windows Media Player au début...

Pour les adresses http des musiques, cliquez droit sur une musique que vous trouvez sur le Net. Descendez jusqu'à "Propriété" et copier l'adresse URL (même principe que pour les images)...

ATTENTION : Ne copiez que les adresses se terminant par mp3 ou midi ou wma ou asf. Ca ne sert à rien de copier les autres car ça ne fonctionnera pas.

 

Retour à l'accueil

Ajouter un menu

DIFFICILEDIFFICILEDIFFICILE

 Voila un code html qui vous permettra d'insérer dans un billet un menu photo déroulant. Pour insérer le code html, il faut savoir basculer votre billet en code html (voir les premiers billets publiés pour faire cela).

Voici le code à insérer entre les deux <P> </P> :

<P><STRONG><FONT color=#cc0066></FONT></STRONG></P>
<P><STRONG></P>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 550px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; HEIGHT: 419px; BACKGROUND-COLOR: #000000" align=left>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=
http://monsiteperso/maphoto1.jpg width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=
http://monsiteperso/maphoto2.jpg width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=
http://monsiteperso/maphoto3.jpg width=550 border=0></P></DIV></STRONG>

Voici le résultat:

 

Dans le code vous trouvez les couleurs des scrollbar sous la forme d'un code html qui se situe après un #. Vous pouvez paramétrer les couleurs des barres de scrolling en changeant les codes couleurs html. Un petit exemple de codes couleurs html vous est fourni avec le tableau ci-dessous.

  

Couleurs

 

Si l'image est déformée c'est que vous n'avez pas le bon format. Pour corriger cela il vous faudra changer les valeurs WIDTH pour la largeur de l'image et HEIGHT pour sa hauteur.

Autre possibilité pour régler les formats des images et du cadre: revenir en mode normal (décocher la case html). Et cliquer sur votre cadre ou sur vos images. Vous aurez alors la possibilité de changer tous les formats et les valeurs se changeront toutes seules dans le code html.

 

Pour ne mettre que du texte dans un menu déroulant, copiez-collez le code suivant sur votre billet grâce à la touche "HTML" :

<P>
<P><STRONG><FONT color=#cc0066></FONT></STRONG></P>
<P><STRONG></P>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 270px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; HEIGHT: 295px; BACKGROUND-COLOR: #000000" align=left>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;</P></DIV></STRONG>
<P></P>

Puis revenez en mode normal. Vous vous trouvez alors avec un menu déroulant vide sur votre page. Mettez à la taille désirée puis cliquez à l'intérieur et écrivez votre texte. Vous pouvez même coller des images ou des gifs.  

 

Enfin, dans cet exemple le fond du menu est noir. Pour changer la couleur , changez la valeur suivante :

BACKGROUND-COLOR: #000000

En vous aidant du tableau précédant.

 

 

Retour à l'accueil

Ajouter une vidéo

MOYENMOYEN

Pour ajouter une vidéo, rien de plus simple... Même principe que pour les images et les musiques pour copier l'adresse URL de la vidéo. Autrement dit, clique droit, "Propriété", etc...

 

Voici donc le code pour ajouter une vidéo :

<P><IMG style="WIDTH:182px; HEIGHT:104px" height=173 loop=true start=mouseover dynsrc=http://x100.putfile.com/videos/d7-15907250913.wmv width=304 border =0></P>

 

Encore une fois, remplacez l'adresse inscrite en rouge par l'adresse de votre vidéo.

 

Apprenons maintenant un peu le language de cette ligne de code. Car c'est pas le tout d'inscrire simplement une ligne de code, il faut aussi la comprendre...

Width = la longueur de l'image de votre vidéo

Height = la hauteur de l'image de votre vidéo

Loop = le nombre de fois que vous voulez que votre vidéo se joue (par ex. : 1 pour une fois, 2 pour deux fois, infinite pour un nombre infini de fois)

Start = le moment ou la chose qui doit déclancher votre vidéo. Dans cet exemple, mouseover veut dire que la vidéo se déclenchera quand vous passerez votre souris sur la vidéo.

 

Et maintenant, voici un exemple :

 

 Evidemment, vous pouvez modifier la taille de votre vidéo à volonté...

Retour à l'accueil

Ajouter une vidéo dans une image

MOYENMOYEN

 

Afin de donner un certain "design" à vos vidéos, il y a moyen de les introduire dans des images...

 

Ici, je vous offre plusieurs solutions et image. A vous de prendre l'image qui vous convient le mieux...

 

Dans un écran plasma :

1° Cliquer sur le bouton html

2° Introduire le code suivant :

<DIV>
<DIV align=center>
<DIV style="WIDTH: 378px"><IMG style="WIDTH: 377px; HEIGHT: 266px" height=554

src="http://x2.putfile.com/7/18209243535.jpg" width=378 align=right>
<DIV style="FLOAT: left; WIDTH: 378px; HEIGHT: 207px">
<P><FONT face="Lucida Handwriting" size=5></FONT>&nbsp;</P>
<P><FONT face="Lucida Handwriting" size=5></FONT>&nbsp;</P>
<P><FONT face="Lucida Handwriting" size=5><IMG style="WIDTH: 251px; HEIGHT: 153px"

start=mouseover height=240 loop=0 dynsrc=http://x400.putfile.com/videos/b4-18311264191.wmv

src="http://x2.putfile.com/5/13014084989.gif" width=340 border=0></FONT></P></DIV></DIV>

3° Remplacer ce qu’il y a en rouge par la vidéo que l’on désire mettre.

4° Cliquer sur le bouton html

  

Dans un Portable modèle 1 :

1° Cliquer sur le bouton html

2° Introduire le code suivant :

<DIV>
<DIV style="WIDTH: 50px; HEIGHT: 30px">
<DIV style="WIDTH: 80px; HEIGHT: 89px"><IMG style="WIDTH: 280px; HEIGHT: 264px" height=238 src="http://x2.putfile.com/7/18212042523.jpg
" width=454 align=right>
<DIV>
<DIV style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 800px; WIDTH: 309px; TOP: 15px; BORDER-COLLAPSE: separate; HEIGHT: 233px">
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<IMG style="WIDTH: 182px; HEIGHT: 104px" height=173 loop=true dynsrc=
http://x100.putfile.com/videos/d7-15907250913.wmv width=304 border=0> </P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P></DIV></DIV></DIV></DIV></DIV>

3° Remplacer ce qu’il y a en rouge par la vidéo que l’on désire mettre.

4° Cliquer sur le bouton html

 

Dans un Portable modèle 2 :

1° Cliquer sur le bouton html

2° Introduire le code suivant :

<DIV style="WIDTH: 50px; HEIGHT: 30px">
<DIV style="WIDTH: 80px; HEIGHT: 89px"><IMG style="WIDTH: 331px; HEIGHT: 513px" height=238 src="
http://x2.putfile.com/7/18218275385.jpg
" width=454 align=right>
<DIV>
<DIV style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 800px; WIDTH: 244px; TOP: 15px; BORDER-COLLAPSE: separate; HEIGHT: 233px">
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;</P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <IMG style="WIDTH: 132px; HEIGHT: 113px" height=173 loop=true dynsrc=
http://cpourgolri.free.fr/BricABrac/01.wmv width=304 border=0></P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </P></DIV></DIV></DIV></DIV></DIV></DIV></DIV>

3° Remplacer ce qu’il y a en rouge par la vidéo que l’on désire mettre.

4° Cliquer sur le bouton html

 

Dans un PC Portable 1:

1° Cliquer sur le bouton html

2° Introduire le code suivant :

<DIV>
<DIV align=center>
<DIV style="WIDTH: 378px"><IMG style="WIDTH: 342px; HEIGHT: 257px" height=554 src="http://x2.putfile.com/7/18404473598.jpg
" width=378 align=right>
<DIV style="FLOAT: left; WIDTH: 378px; HEIGHT: 195px">
<P>&nbsp;</P>
<P><FONT face="Lucida Handwriting" size=5>&nbsp;&nbsp; <IMG style="WIDTH: 236px; HEIGHT: 105px" start=mouseover height=240 loop=0 dynsrc=
http://x300.putfile.com/videos/b4-15509453821.wmv src="http://x2.putfile.com/5/13014084989.gif
" width=340 border=0></FONT> 

3° Remplacer ce qu’il y a en rouge par la vidéo que l’on désire mettre.

4° Cliquer sur le bouton html

 

Dans un PC Portable 2:

1° Cliquer sur le bouton html

2° Introduire le code suivant :

<DIV>
<DIV>
<DIV align=center>
<DIV style="WIDTH: 378px"><IMG style="WIDTH: 342px; HEIGHT: 257px" height=554

src="http://x2.putfile.com/7/1840654259.jpg" width=378 align=right>
<DIV style="FLOAT: left; WIDTH: 378px; HEIGHT: 195px">
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><FONT face="Lucida Handwriting" size=5>&nbsp;&nbsp; <IMG style="WIDTH: 223px; HEIGHT:

109px" start=mouseover height=240 loop=0

dynsrc=http://x102.putfile.com/videos/d1-16321031256.wmv

src="http://x2.putfile.com/5/13014084989.gif" width=340

border=0></FONT></P></DIV></DIV></DIV></DIV></DIV>

3° Remplacer ce qu’il y a en rouge par la vidéo que l’on désire mettre.

4° Cliquer sur le bouton html

 

Voici un petit exemple :

 

 

 

 

 Retour à l'accueil

Insérer des compteurs de temps

FACILE

 

Deux possibilités pour récupérer les dates et les heures (ces compteurs de temps se réactualisent automatiquement) :

 

1. Date et heure locale :

Copiez (click droit de votre souris sur le compteur) le compteur qui vous plaît. Puis collez-le sur votre billet (avec la fonction edition de la barre des taches d'internet explorer).

Les compteurs du jour           

Nous sommes le :          

 

Les compteurs des heures (ces compteurs indiquent votre heure d'arrivée sur le blog mais ce ne sont pas des compteurs dynamiques qui vont indiquer l'avancement de l'heure : ce genre de compteur dynamique ne fonctionne pas sur un Blog MSN ).

                                                                            

                                                                      

Vous êtes arrivé sur ce Blog à :      

 

2. Heure à l'étranger :

Servez-vous de la touche "HTML" dans votre billet. Quel intérêt d'utiliser le bouton "HTML" si je peux copier - coller le compteur ? He bien vous pouvez le modifier, notamment si vous désirez connaître ou avoir l'heure d'un autre fuseau horaire. Voilà les codes pour les compteurs (dans l'ordre par rapport au compteurs ci-dessus) :

<IMG style="WIDTH: 174px; HEIGHT: 25px" height=25 src="http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&amp;srgb=red&amp;prgb=red&amp;timezone=GMT+0200" width=174 border=0>


<IMG height=20 src="http://escati.linkopp.net/cgi-bin/date.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=GMT+0200" width=142 border=0>


<IMG height=29 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=red&amp;srgb=red&amp;prgb=red&amp;pad=0&amp;timezone=GMT+0200" width=90 border=0>


<IMG height=29 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=red&amp;srgb=red&amp;prgb=red&amp;pad=0&amp;tformat=24&amp;timezone=GMT+0200" width=90 border=0>


<IMG height=20 src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=GMT+0200" width=84 border=0>

 

Pour changer l'heure, changez le GMT : ici il est réglé sur l'heure de Paris, Bruxelles c'est à dire GMT+0200 (soit + 2 heures). Si vous voulez rajouter 7 heures à l'heure Française, le GMT passera à GMT+0900 . Ce qui donnera :

Il est actuellement :        à Tokyo.

 

3. Insérer un compte à rebour :

Enfin, vous pouvez insérer un compte à rebour, pour signaler le temps qu'il reste avant la réalisation d'un évènement (anniversaire, fête ...)

 Exemple :

                                                                              JOURS       HEURES        MINUTES   SECONDES

Il reste       avant Noël 2006.

Voila le code qui correspond :

<IMG style="WIDTH: 275px; HEIGHT: 43px" height=45 src="http://escati.linkopp.net/cgi-bin/countdown.cgi?trgb=221100&amp;srgb=00ff00&amp;prgb=00ff00&amp;cdt=2006;12;25;00;00;00&amp;timezone=GMT+0200" width=399 align=center border=0>

A noter dans ce code la commande cdt=2006;12;25;00;00;00 qui correspond en fait à la date que vous voulez atteindre (ici, le jour de Noël) : cdt=année;mois;jour;heure;minutes;secondes  .

  

Retour à l'accueil

Ajouter un Livre d'Or

FACILE

 

1ère étape :

Tout d'abord, allez vous inscrire ICI . Choisissez bien entendu la version Perso, gratuite. Remplissez le petit questionnaire (vous pouvez mettre n'importe quoi si vous voulez). Attention !!! Lorsque c'est fait vous tombez sur une page où il y a écrit : "Bienvenue ****** , La 1ère étape de votre inscription à l'offre "Swisstools-Pro" s'est bien effectuée, il vous faut maintenant cliquer ici afin d'effectuer votre paiement et d'activer votre compte. " Surtout ne cliquez pas sur ce lien qui va vous proposer de payer pour enlever la pub de vos services. Vos services se trouvent déjà gratuitement proposés en dessous de l'icone allopass.

 

2ième étape :

Sous le logo allopass se trouvent les services proposés. Certains ne fonctionneront malheureusement pas car ils emploient du JavaScript dans leur code or celui-ci ne fonctionne pas lorsqu'on l'insére dans les billets MSN-Spaces (c'est le cas pour les compteurs, les sondages, les lives-compteurs, live chat...) Par contre les services, Live d'or, Forum et Live Chat fonctionnent très bien. Cliquez sur le service que vous désirez activer, suivez la procédure de personnalisation de votre espace et au final, vous obtiendrez un lien pour chaque service.

 

3ième étape :

Copiez ce lien et collez le sur votre blog dans un billet. Vous pouvez aussi l'associer à une image que vous trouverez dans "outils" sur votre page de membre swisstools. Pour cela, choisissez une image et copiez la. Insérez la ensuite dans votre billet puis sélectionnez la en cliquant dessus. Cliquez ensuite sur l'icône "Insérer un lien" qui se trouve dans la barre des tâches de votre billet. Et rentrez le lien (soit de votre forum soit de votre livre d'or) qui vous a été donné par Swisstools.

Voilà ce que cela peut donner au final :

 

  

 

 Retour à l'accueil

Ajouter la météo d'aujourd'hui

FACILE

 

Alors ici, toujours le même principe :

 1. Appuyer sur le bouton HTML.

2. Insérer le même code que pour une image soit :

<IMG src="http://www.meteoservices.be/fr/forecasts/belgium/maps/Today.gif"></P>

3. Remplacer ce qui est mis en rouge par l'adresse URL de la météo

4. Appuyer sur le bouton HTML

 

Ce qui donnera par exemple pour la météo d'aujourd'hui en Belgique :

 

 

Voici plusieurs codes pour insérer la météo en Belgique :

Pour la météo d'aujourd'hui :

<IMG src="http://www.meteoservices.be/fr/forecasts/belgium/maps/Today.gif"></P>

Pour la météo de cette nuit :<IMG src="http://www.meteoservices.be/fr/forecasts/belgium/maps/Tonight.gif"></P>

Pour la météo de demain :

<IMG src="http://www.meteoservices.be/fr/forecasts/belgium/maps/Tomorrow.gif"></P>

 

Evidemment, vous pouvez changer l'adresse inscrite en rouge selon l'image de la météo que vous trouverez sur Internet.

 

Petite astuce supplémentaire : Vous pouvez également insérer la date d'aujourd'hui et de demain en vous servant de l'astuce pour insérer un compteur de temps. Rendez-vous sur mon autre Espace Perso pour vous donnez une idée en cliquant ici.

 

Retour à l'accueil

Ajouter un lecteur Windows Media Player

MOYENMOYEN

 

Pour ajouter un lecteur Windows Media, c'est pas très compliqué à condition de suivre ces étapes dans l'ordre :

 

1. Aller sur votre page d'accueil MSN (celle ou vous voyez vos contacts etc...)

2. Cliquez sur "Mon Espace Perso"

3. Une fois que votre page perso est ouverte, regardez votre barre d'adresse.

4. A la fin de votre adresse, ajouter ceci : &powertoy=musicvideo

5. Appuyer maintenant sur "OK"

6. Votre page s'ouvre à nouveau

7. Maintenant cliquez sur "Personnaliser"

8. Cliquez sur "Module"

9. Maintenant, dans "Module", vous allez voir : PowerToy : Joueur De Medias Windows

10. Clique dessus pour ajouter ce module à votre Blog.

11. Une fois qu'il est ajouté, appuyer sur la touche "Enregistrer"

 

Et voilà, rien de plus facile. Il vous suffit juste d'ajouter l'adresse URL de votre chanson ou de votre vidéo à l'endroit prévu.

N'oubliez pas de cliquez sur "SAVE" après chaque modification.

 

Retour à l'accueil


 Comment ajouter plusieurs musiques dans le lecteur Windows Media Player?

 

MOYENMOYEN

 

Cette atuce va vous permettre de mettre plusieurs musiques qui dans le lecteur Windows Media Player de votre Espace Perso...

Vous savez déjà comment trouver l'adresse URL d'une chanson? Alors, c'est plus très compliqué...

 

Suivez les instructions suivantes dans l'ordre :

1. Ouvrir le "Bloc-notes" de Windows :

     Pour ce faire :

     * Cliquez sur "Démarrer"

     * Puis "Programme"

     * Puis "Accessoires"

     * Puis "Bloc-notes"

 

2. Une fois le programme "Bloc-notes" de votre PC ouvert, introduisez les codes suivants :

<ASX Version="3.0">
<title>VOTRE NOM OU PSEUDO (il apparaîtra au debut du video compilation)</title>
<entry>
<title>LE TITRE DU MP3 OU VIDEO CLIP</title>
<author>NOM DE L'AUTEUR</author>
<Ref href="ADRESSE ORIGINE DU URL"/>
</entry>
</asx>

 

Copiez ce code et collez-le dans votre Bloc-notes.

Remplacez bien évidemment ce qu'il y a en vert, rose, mauve et rouge par ce qui est demandé...

Pour ajouter plusieurs musiques, ajouter ceci entre </entry> et </asx> :

<entry>
<title>
LE TITRE DU MP3 OU VIDEO CLIP
</title>
<author>
NOM DE L'AUTEUR
</author>
<Ref href="
ADRESSE ORIGINE DU URL
"/>
</entry>

 

Introduisez ce code autant de fois que vous voulez de chansons... Une fois que vous aurez mis tous le codes des chansons, terminer le code par </asx>.

Ce qui donnera par exemple pour deux chansons :

<ASX Version="3.0">
<title>
VOTRE NOM OU PSEUDO (il apparaîtra au debut du video compilation)
</title>
<entry>
<title>
LE TITRE DU MP3 OU VIDEO CLIP
</title>
<author>
NOM DE L'AUTEUR
</author>
<Ref href="
ADRESSE ORIGINE DU URL
"/>
</entry>

<entry>
<title>
LE TITRE DU MP3 OU VIDEO CLIP</title>
<author>
NOM DE L'AUTEUR
</author>
<Ref href="
ADRESSE ORIGINE DU URL
"/>
</entry>
</asx>

 

3. Enregistrer le fichier :

     Pour ce faire, dans votre programme "Bloc-notes" :

     * Appuyer sur "Fichier"

     * Puis "Enregistrer sous"

     Ici, ATTENTION de bien suivre TOUT

     * Dans "Nom de fichier", taper un nom+wmv. Par exemple, meschansons.wmv

     * Dans 'Type", sélectionnez "Tous le fichiers"

     * Appuyer ensuite sur la touche "Enregister"

 

4. Héberger le fichier :

     Pour ce faire, vous devez vous rendre sur un site qui héberge vos fichiers audio...

     * Cliquez sur ce lien pour vous rendre sur un site d'hébergement.

     * Suivez ensuite les instructions pour vous inscrire.

     * Une fois inscrit, "uploader" le fichier que vous venez de créer.

     * Recopier l'adresse URL du fichier que vous venez "d'uploader"

     * Coller cette adresse dans le lecteur Windows Media Player

     * Appuyer sur "SAVE"

 

Et voilà, le tour est joué...

 

Retour à l'accueil

Insérer des Polices originales pour vos textes

FACILE

 

Pour insérer des écriture originale, rien de plus facile. J'ai à chaque fois mis un exemple d'écriture et sous cet exemple, le code HTML à introduire pour cet exemple. Dans ces codes, j'ai mis une couleur différente sur ce que vous pouvez changer manuellement en fonction de la couleur de l'écriture que