11 août 2007
COMMENT METTRE UN LIEN SURVOLÉ SUR MON BLOG ?
Voila un petit code court qui permet d'afficher un petit message lorsque vous passez votre souris
sur un lien. Ex : http://astucesblog.canalblog.com/
Voici le code que j'ai utilisé pour ce lien : Avant
<p><a onmouseover="this.style.color='#FF6633';this.innerText='Pendant'" onmouseout="this.style.color='#FF0000';this.innerText='Après'" href="http://astucesblog.canalblog.com/" style="COLOR: #FF6699;">Avant</a></p>
Mode d'emploi : Remplacer les couleurs par celles que vous désirez, idem pour les mots et l'adresse du site/blog
Avant que le lien ne passe dessus-- => Mot "Avant" Couleur : FF6699
Pendant que le lien passe dessus__=> Mot "Pendant" Couleur : FF6633
Après que le lien passe dessus____=> Mot "Après"__---Couleur : FF0000
Adresse du lien => http://astucesblog.canalblog.com/
Pour connaître les codes permettant de changer ces couleurs, cliquez ici.
COMMENT METTRE UN GIF ANIMÉ SUR MON BLOG ?
► Avec Canalblog
Avec la nouvelle version CanalBlog tout est simplifié :
Cliquez sur Insertion d'une image 
Choisissez votre gif animé dans Parcourir
Cliquez sur "Aligner l'image à gauche", "à doite" ou "pas d'alignement" selon votre envie
Puis décocher les deux cases "Créer une miniature de l'image" et "Afficher l'image à la taille originale dans une nouvelle fenêtre"
Vous n'avez plus qu'a envoyer ce fichier, saisir votre message et le publier !
Et voila un gif : 
► En HTML
1. Choisissez votre gif animé.
2. Le mettre sur un hébergeur. Pour prendre un exemple nous le ferons avec http://www.imageshack.us/
3. Sur http://www.imageshack.us/
Cliquez sur "Parcourir" :
Trouvez et sélectionnez votre gif animé.
Cliquez sur "host it !"
Attendre.
Récupérez le code dans la partie [Hotlink for Websites] celui qui commence par
<a href="http://imageshack.us"><img src="http://blablablabla.gif" /> le copier.
4. Retournez sur CanalBlog dans Nouveau message, cliquez sur l'icone Mode htlm ou texte (<>) puis collez le code.
COMMENT METTRE UNE IMAGE-LIEN SUR MON BLOG ?
Une image-lien est une image qui dirige le visiteur vers une page Internet s’il clique dessus.
Exemple :
Mon image-lien dirige les visiteurs vers le sommaire de mon blog.
Voici le code à entrer :
<a href="adresse_du_site_cible" target="_blank"><img src="adresse_de_limage" border='0'></a>
Mode d'emplois : Changez adresse_du_site_cible par l'adresse du site où sera dirigé le visiteur et changez adresse_de_limage par l'adresse url de l'image. Pour la connaître, cliquez à droite dessus puis choisir : "Propriétés". Des infos apparaissent sur l'image dont l'adresse de l'image. Ou cliquez ici pour mettre des images de votre ordinateur sur Internet.
PS : En cliquant sur l'image-lien une nouvelle fenêtre s'ouvre grace au code target="_blank"
Pour que le l'image-lien redirige le lecteur vers une autre page SANS OUVRIR UNE NOUVELLE FENETRE il faut donc enlever ce code comme ceci :
<a href="adresse_du_site_cible"><img src="adresse_de_limage" border='0'></a>
COMMENT METTRE UN SONDAGE PERSONNALISABLE SUR MON BLOG ?
Marre d'avoir des sondages à 5 réponses pour votre blog ? Envie d'avoir des sondages avec des images en fond ? De pouvoir les personnaliser en-tier-re-ment ? Cliquez sur ce lien : http://www.pouroucontre.com. Vous allez pouvoir poser un nombre infini de questions, autant de réponses, plusieurs choix de validation... Tout ça gratuitement et très facilement !
COMMENT METTRE UN COMPTEUR DE VISITES PERSONNALISABLE SUR MON BLOG ?
Voila un site qui propose de vous faire créer votre propre compteur de visites. Il y a le choix dans les designs et il est très facile à installer n'importe où sur votre blog. Le site : http://www.123compteur.com. Il y a également des tableaux expliquant le nombre de visiteurs actuellement en ligne et le nombre de visites depuis le matin, d'autres entièrement personnalisables... Bref, de quoi décorer votre édito !
COMMENT METTRE UN FORUM PERSONNEL SUR MON BLOG ?
La création de forum est en fait une chose très simple. C'est la gestion qui est la plus compliquée ! Pour la création d'un forum, je vous conseille deux adresses Internet :
- http://www.forumactif.com propose un design sympa, une gestion simple et à la portée de tout le monde.
- http://www.les-forums.com propose également une gestion facile (un peu plus compliquée que forumactif) mais des options plus diverses et avancées.
Pour installer le forum sur votre site, il suffit de prendre l'adresse de votre forum (qui vous sera donnée avec le mail de confirmation d’enregistrement) et le mettre, soit dans la colonne des liens, soit dans un article.
COMMENT METTRE UN CHAT'LIVE SUR MON BLOG ?
Voici quelques adresses pour en créer un :
- http://www.toochat.com (assez simple)
- http://www.web3d-fr.com/tutoriels/Chat3D/multiuser.php (création de chat en 3D ! Assez complexe)
COMMENT METTRE UNE BANDE DÉFILANTE SUR MON BLOG ?
Voila comment mettre une bande défilante sur votre blog :
<MARQUEE BGCOLOR='FFFFFF' DIRECTION='left' WIDTH='100%' HEIGHT='16' VALIGN='bottom' SCROLLAMOUNT='2' SCROLLDELAY='30'>*** Bienvenue sur astucesblog.canalblog.com ***</MARQUEE>
Mode d'emploi : A mettre n'importe ou sur son blog pour faire défiler des phrases. Pour choisir une phrase à mettre sur votre blog, il suffit de remplacer
*** Bienvenue sur astucesblog.canalblog.com *** par votre phrase ! Exemple :
Pour modifier la vitesse de défilement, il suffit d'augmenter SCROLLAMOUNT='2' en SCROLLAMOUNT='3' ou SCROLLAMOUNT='4' etc... Exemple :
On peut également changer le sens de défilement en changeant : DIRECTION='left' ('left' veut dire gauche en anglais) par : DIRECTION='right' Exemple :
Ou par : DIRECTION='up' ce qui donnera :
Comme le défilement est rapide, on ne peut pas lire grand chose. Il faut modifier "HEIGHT='16' par exemple en HEIGHT='40' ce qui donnera :
Plus le chiffre sera grand, plus la phrase défilera sur une grande hauteur.
Pour centrer le texte, changer la couleur du texte et celle du fond, mettre en gras, en italique, souligné, barré, modifier la police, augmenter sa taille ou la diminuer :
<marquee scrollamount="2" scrolldelay="30" width="100%" bgcolor="#000000" height="16" valign="bottom">
<p style="text-align: center;">
<font color="#000000"><font face="arial, helvetica, sans-serif"><font color="#ffffff">Normal,</font>
<strong><font color="#ff0066">Gras,</font></strong>
<em><font color="#66ccff">Italique,</font></em>
<u><font color="#ff6633">Souligné,</font></u>
<strike><font color="#66cc99">Barré.</font></strike><br />
<font face="courier new, courier, mono" color="#ff9900">Normal Courier New,</font>
<font color="#cc33cc" size="4">Taille 4,</font>
<font color="#ff0000" size="1">Taille 1.</font></p></marquee>
Couleur de fond : bgcolor="#000000"
Couleur du texte : <font color="#000000"> </font>
Gras : <strong> et </strong>
Italique : <em> et </em>
Souligné : <u> et </u>
Barré : <strike> et </strike>
Police : <font face="courier new, courier, mono">
Taille 1 : FONT SIZE=1
A gauche : <p style="***text-align: left;">Votre texte</p>
Centrer : <p style="***text-align: center;">Votre texte</p>
A droite : <p style="***text-align: right;">Votre texte</p>
Justifier : <p style="***text-align: justify;">Votre texte</p>
Ps : enlever les étoiles : ***
Elles me permettent juste de vous montrer le code sans qu'il disparaisse de la page.
COMMENT METTRE UNE PHRASE REBONDISSANTE SUR MON BLOG ?
Voila un script sympa qui permet de
Donc voici le script :
<MARQUEE bgcolor=#FFFFFF behavior="alternate"><font color=#000000>Phrase à faire rebondir</font></MARQUEE>
* Changer par le code couleur de votre choix pour changer la couleur du fond sur lequel la phrase va défiler.
* Changer par le code couleur de votre choix pour changer la couleur de la phrase.
► Pour mettre le texte en gras, italique, souligné ou barré :
<marquee behavior="alternate" bgcolor="#ffffff"><font color="#000000"><strong>Texte en gras</strong>, <em>italique</em>, <u>souligné</u>, <strike>barré</strike></font></marquee>
Il faut mettre votre texte entre les balises
Gras : <strong> et </strong>
Italique : <em> et </em>
Souligné : <u> et </u>
Barré : <strike> et </strike>
► Pour changer la police :
<MARQUEE bgcolor=#FFFFFF behavior="alternate"><font face="courier new, courier, mono" font color=#000000>Police : Courier New</font></MARQUEE>
► Pour changer la taille :
<marquee behavior="alternate" bgcolor="#ffffff"><p><font color="#000000" size="3">Police taille 3</font></p></marquee>
Pour agrandir l'écriture il faut changer FONT SIZE=1 par FONT SIZE=2 ou FONT SIZE=3 etc...
► A vous de tester !
Vous pouvez donc enrichir le code à votre convenance ! Rajoutez à l'endroit indiqué la taille, la couleur, le gras etc.
<marquee behavior="alternate" bgcolor="#6699ff"><p><font face="trebuchet ms" color="#ffffff" size="2"><font color="#ffffcc">C'est à</font> <strong><font size="3">VOTRE</font></strong> <font color="#ffffcc">tour maintenant ; )</font></font></p></marquee>
COMMENT METTRE UNE MINI-NEWS SUR MON BLOG ?
Voici un exemple de mini-news :
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
1) Choisissez le modèle que vous préférez. Copier le script et collez-le sur votre page d'accueil. Code mini-news "color-good"
<img src="http://img62.exs.cx/img62/5338/mininews6jv.png" width="189" height="52">
Code "symatica rouge"
<img src="http://img62.exs.cx/img62/1043/mininews28cq.png" width="189" height="52">
Code "baloon violet"
<img src="http://img62.exs.cx/img62/3585/mininews39tc.png" width="189" height="52">
Code "Cool bleu"
<img src="http://img62.exs.cx/img62/3352/mininews48um.png" width="189" height="52">
Code "Simple violet"
<img src="http://img62.exs.cx/img62/3553/mininews51ye.png" width="189" height="52">
2) Copiez et coller ce code juste en dessous du script de l’image « mini-news »
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<MARQUEE BGCOLOR='FFFFFF' DIRECTION='left' WIDTH='100%' HEIGHT='16' VALIGN='bottom' SCROLLAMOUNT='2' SCROLLDELAY='30'>*** Mini-news à mettre ici ***</MARQUEE> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~