Vous aurrez souvent besoin d'utiliser alternativement plusieurs menu de l'interface de Canalblog. Alors n'hésitez pas à ouvrir plusieurs fois l'explorateur (par exemple en faisant ouvrir dans une nouvelle fenêtre dans IE, ou ouvrir dans un nouvel onglet dans Firefox)
Il vous sufira de changer de page et de la rafraichir pour voir le résultat de vos modifications par exemple.
Le moyen le plus simple de trouver le code d'une couleur consiste à cliquer sur l'icone Couleur de la police ou Surlignage
(ouvrez un nouvel explorateur afin de ne pas perdre la page que vous modifiez)
Une palette apparait. Pointez la souris sur une case et le code apparait dans le haut : ici #336600
Le codage des couleurs est un peut compliqué puisqu'il est en héxadécimal,
Ainsi
Vous avez passé deux heures à écrire votre texte, ajouter des photos, soigner la mise en page. Vous cliquez sur "Poster à publier" et ... catastrophe ! vous vous retrouvez sur la page d'accueil de Canablog. Vous pouvez paniquer : tout est perdu, pas la peine de chercher à récupérer.
Pourquoi ? Parce que Canalblog, comme beaucoup de sites qui demandent une authentification, vous ouvre une session de 20 minutes environ. C'est -à-dire que si le serveur ne reçoit pas une "action" de votre part pendant 20 minutes, il considère que vous êtes partis et, pour des raisons de sécurité, ferme la session et redemande donc une authentification.
Et pendant que vous tapez votre texte, vous êtes uniquement en local, sans aucune interaction avec le serveur. Donc, au moment de l'enregistrement, après plus de 20 minutes de saisie, le serveur repasse sur la page de saisie du code et du mot de passe. Et l'enregistrement ne se fait pas.
Pensez donc à sauvegarder votre texte régulièrement tous les quart d'heures, en cliquant la case Brouillon
Et bien sûr, décochez la case à la fin de la saisie et modifiez la date pour mettre à l'heure vos date et heure de publication (par défaut, c'est l'heure du premier enregistrement de votre brouillon).
Pour pouvoir afficher une image dans une page Web il faut la placer d'abord sur un serveur accéssible à cette page (c'est un serveur Http).
C'est généralement le serveur sur lequel est hébergé votre site.
Dans le cas de CanalBlog vous ne connaissez pas exactement l'adresse de ce serveur, mais vous y avez accés par l''intermédiare de l'adresse de votre blog. Ici http://coulisses.canalblog.com.
Pour placer une image à cette adresse, nous utilisons ici, la même méthode que pour placer une image dans un message.
Nous en profiterons pour noter l'instruction HTML qui permet d'afficher l'image dans une page.
1) Cliquez dans Nouveau message
2) Cliquez sur l'icône Insertion d'une image
3 ) Cliquez sur le bouton Parcourir pour aller chercher votre logo sur votre disque dur.
4) Cliquez sur le bouton Envoyer ce fichier
5 ) Votre logo s'affiche dans la boîte de dialogue. Veillez à ce que la case à cocher Inclure dans le message en cours soit cochée. Cliquez sur Enregistrez l'image.
6) Votre logo s'affiche dans le message.
Maintenant cliquez sur le bouton Mode HTML en dessous de la zone du message à droite.
7) Vous voyez alors apparaitre dans la zone message le code qui sert à afficher votre logo depuis le site de canalBlog.
Sélectionnez le et copiez le (Ctrl C ou Edition Copier)
Attention : lorsque vous importez sur Canalblog une image dont le nom existe déjà, Canalblog modifie ce nom en ajoutant un numéro)
Instructions HTML
1 ) Cliquez dans le menu Apparence
2) Cliquez sur Editer les fichiers de ce modèle
4) Eventuellement choisissez la page à modifier dans le liste déroulante
5 ) Dans la Page d'accueil repérez les lignes de code correspondant au titre
Elles devraient être ainsi :
<div id="topbar">
<h1>
<a href="<$BlogURL$>">
<$BlogTitle$>
</a>
</h1>
<h2>
<$BlogDescription$>
</h2>
Le titre est placé entre les balises <h1> et </h1>. C'est la balise <$BlogTitle$>.
Il suffit de remplacer <$BlogTitle$> par ce que vous avez copié
<IMG src="http://Babtest2.canalblog.com/Babouze.gif"> dans mon cas.
Pour info
les balises <a href="<$BlogURL$>"> et </a> créent l'hyperlien qui mène à la page d'accueil de votre blog
Le code devient ainsi :
<div id="topbar">
<h1>
<a href="<$BlogURL$>">
<IMG src="http://Babtest2.canalblog.com/Babouze.gif">
</a>
</h1>
<h2>
<$BlogDescription$>
</h2>
6) Cliquez d'abord sur Prévisualiser pour voir l'effet de votre modification.
Sachez que les modifications ne seront rééllement prises en compte que lorsque vous cliquerez sur Valider.
N'oubliez pas d'appuyer sur Valider avant de quitter cette page. Vous perdriez vos modifications
