Pour toi Sandrine

29 septembre 2008

Comme promis par mail, voici la marche à suivre pour customiser ton blog et te lancer dans l'HTML...

1ère manip : passer ton blog en mode avancé, ce qui te permet d'accéder aux pages de code....
ATTENTION : c'est irréversible, tu ne pourras pas revenir en arrière avec une présentation automatique...

Pour ce faire :

Tu vas dans l'onglet "Apparence" puis "paramètres du modèles" puis tu coches la case : "Convertir ce modèle en type avancé".

Ça te donnes ça dans l'onglet "apparence" :

Liste des modèles - Nouveau modèle

Liste des modèles liés à ce blog

Voici la liste des modèles liés à ce blog. Le premier modèle qui apparaît est celui utilisé par défaut.

Modèle utilisé actuellement pour ce blog : nouveau

Type du modèle : avancé (non configurable)

Configurer : Paramètres Editer les fichiers de ce modèle

Tu cliques sur " éditer les fichiers de ce modèle"

Tu obtiens une page de codes qui devrait commencer à peu près comme ça :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$BlogPageTitle$></title>
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<meta http-equiv="content-language" content="<$BlogLanguage$>" />
<meta name="Description" content="<$BlogDescription$>" />
<meta name="Keywords" content="<$BlogKeywords$>" />
<meta name="generator" content="CanalBlog - http://www.canalblog.com" />
<BlogSiteFeed>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedURL$>" />
</BlogSiteFeed>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$BlogEditURIURL$>" />
<link rel="stylesheet" href="<$BlogCSSURL$>" type="text/css" />
</head>

<body> <div id="container"> <div id="topbar-logo"><div class="logolink"><a href="<$BlogURL$>"></a></div></div><div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div> <div id="leftbar"> <div class="navlinks">

Pour mettre un fond de ton choix sur ton blog, il te suffit de remplacer la balise <body> par <body background="http://adresse internet de ton image">.

Pour avoir une adresse internet de ton image :

Soit tu as un client FTP du style Filezila, et tu la charges sur ton espace perso sur internet, soit je te parles chinois, et là pas de soucis il y a une super astuce...

Tu ouvres un nouveau message sur canalblog, et tu ajoutes ton image dans le message. Puis clic droit sur l'image qui s'affiche, et tu copies l'adresse de l'image.

Par contre, si tu prends l'image sur un site internet qui n'est pas le tien, ne procède pas comme ça avec la copie de l'adresse de l'image : tu piques de la bande passante au propriétaire du site, c'est pas trop apprécié... Enregistre d'abord l'image sur ton Pc puis fais comme je t'ai décris plus haut pour avoir une adresse...

J'espère que je suis claire...

Ça, c'était la manip pour la page d'accueil...

Si tu veux l'image sur toutes les pages de ton blog, tu as un menu déroulant pour accéder également aux codes des pages des archives, des messages, des albums...

Et tu refais à chaque fois la même manip : tu remplaces la balise <body> par <body background...>.

J'espère que j'ai été assez claire, et que tu vas y arriver...

Sinon, n'hésite pas à me demander de l'aide !!!!

Amuse toi bien.

Posté par mamanunue à 20:29 - Commentaires […] - Permalien [#]