Défi 5 - Comment apporter des changements au blogue

Comment mettre une shoutbox sur son blogue (ou mini-tchat)

1ière étape
Allez sur ce site et inscrivez-vous :
http://www.i-tchat.com/index.html

2ième étape
Connectez-vous

3ième étape
Cliquez sur le lien configuration qui se trouve dans le menu de gauche.
Parcourez les 3 onglets : Options, Couleurs & thème et Smileys afin de personnaliser votre shoutbox.

4ième étape
Cliquez sur le lien Codes HTML qui se trouve dans le menu de gauche.
Entrer les informations désirées pour la mise en forme de votre shoutbox.

5ème étape
Cliquez sur générer le code

6ième étape
Cliquez sur copier ce code dans le presse-papier

7ième étape
Collez le code dans votre blogue à l’endroit désiré (assurez-vous d'être dans la section body)

Si vous désirez mettre votre shoutbox sous le logo de blogger comme moi alors, vous devez ajouter votre code sous ce code :

(Cliquez sur l’image pour l’agrandir afin de bien voir le code)


La partie surlignée en jaune est le code da ma shoutbox

Voilà



Comment changer l'image des puces:

Dans le code suivant,
ajouter l'url de votre image où il y a du texte en rouge.

.post li {
line-height:1.5em;
list-style:none;
background:url("ajouter l'url de votre image ici") no-repeat 0px .3em;
vertical-align:top;
padding: 0 0 .6em 17px;
margin:0;
}

Vous devez faire la même chose avec ce code :

.comment-poster {
background:url("http://www.kariana.ca/college/list_icon.jpg") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}