CA ARRIVE PETIT A PETIT

MERCI....

Prochaines notes: *COMMENT METTRE UN FAVICON DANS VOTRE BARRE D'ADRESSE!

(c'est ce que j'ai dans la mienne...la petite noireaude!)

*COMMENT METTRE UN COMPTEUR DE VISITES, VISITEURS, PAGES LUES OU LES TROIS!!

Je pense qu'après ça votre blog pourra bien être personnalisé...je veux pas faire tout plein de tutoriaux qui ne servent finalement pas à grand chose. Je préfère faire les bases qui sont utiles et qui vous permettent d'avoir un blog qui vous ressemble sans vous noyer dans des explications confuses!

Si vous voulez que je vous explique des choses que je ne mentionne pas n'hésitez pas à me contacter!!

Rien de plus simple vu qu'il ne suffit pas d'être en mode avancé, cela fonctionne pour les deux!

1. Créer une bannière pour son lien d'ami

Allez sur le blog ou site de votre ami et faire une impression écran c'est à dire appuyez sur le bouton (cliquez sur l'image)

puis allez dans Photoshop collez votre screenshot sur un nouveau calque et sélectionnez une zone du blog de votre ami où l'on voit evidemment le nom du blog ou une image qui définit son blog!!
Redimmensionnez la à 150 px de longueur sur 40 px de large environ (vous pouvez faire plus petit mais cela doit toujours être de taille rectangulaire!), enregistrez votre petite bannière et aller sur Imageshack et hébergez la.
Copier le lien "direct link to image"

2. Insérer le lien dans "Contenu" puis "Liens d'amis"

Alors allez dans "Contenu" puis dans "Liens d'amis"
Dans "nom du site" collez l'adresse ("Directlinkto image") de votre image et ajoutez-y ce code afin d'obtenir ceci:
<img src="directlinktoimage de votre image" border="0"> (c'est un "zéro" et pas un "o")

Dans "adresse internet (url)" tapez l'adresse du blog de votre ami
http://hereliesloo.canalblog.com

et enfin sélectionnez dans quelle catégories vous voulez le faire apparaître!
il faut savoir qu'au début vous avez "liens" qui est dans la liste de sélection mais que vous pouvez créer les titres que vous voulez comme par exemple: "Blogs supers chouettes"
Pour cela écrivez juste dans "ou ajouter une nouvelle catégorie pour ce lien" l'intitulé que vous voulez puis cliquez sur AJOUTER!

Pour classifier vos prochaines bannières de liens d'amis il faut sélectionner l'intitulé dans votre liste MAIS aussi récrire l'intitulé dans "ou ajouter une nouvelle catégorie pour ce lien"

(Cliquez sur l'image pour avoir un apercu de tout ce que vous devez écrire et où)



Vous obtenez (Cliquez sur l'image)



Je vous laisse cliquer sur "voir le blog" pour découvrir vos nouveaux liens!!!

:o)

Rien de plus simple que de changer les couleurs des fonds en mode avancé de votre blog...

1. Copier un code couleur

Vous pouvez trouver des codes couleurs dans votre barre d'outil Canalblog ou dans les couleurs de Photoshop par exemple (Cliquez sur l'image)

2. Insérer le code couleur là où vous voulez...

*Si vous voulez mettre un fond couleur en fond de votre blog insérez le code à la suite de background-color de body
(Cliquez sur l'image)

Vous obtenez (cliquez sur l'image)

*Si vous voulez mettre un fond couleur dans votre ou vos colonnes, changez le code couleur de background-color de #rightbar ou #leftbar (ou les deux) par le code couleur que vous désirez

Vous obtenez (Cliquez sur l'image)

*Si vous voulez mettre un fond couleur dans vos messages, changez le code couleur de background-color de #content
par le code couleur que vous désirez

Vous obtenez (Cliquez sur l'image)

*Si vous voulez mettre un fond couleur dans la barre titre de votre blog, changez le code couleur de background-color de #topbar par le code couleur que vous désirez

Vous obtenez (Cliquez sur l'image)

*Si vous voulez mettre un fond couleur dans le bas de votre blog, changez le code couleur du background-color de #container par le code couleur que vous désirez

Vous obtenez (Cliquez sur l'image)

*Si vous voulez mettre un fond couleur sur tout votre blog, changez le code couleur du background-color de body, #container, #content, #leftbar ou/et #rightbar et #topbar par le code couleur que vous désirez

Vous obtenez (Cliquez sur l'image)

Voilà ;o)

Vous pouvez mettre des couleurs différentes à chaque élément !!

Je vais vous expliquer comment mettre un fond sur votre blog Canalblog en mode avancé...

1. Choisir un fond...

Je prends celui-là (Je précise que celui-ci est enregistré sur mon ordinateur)

2. Imageshack ou autre hébergeur d'images

Je vais sur Imageshack puis je clique sur "Parcourir", je cherche mon fond dans mon ordi et une fois trouvé je clique 2 fois dessus, celui-ci va s'afficher sur Imageshack comme ceci (Cliquez sur l'image pour voir en plus grand)

Ensuite je clique sur "host it" puis je clique-droit sur le lien "Direct link to image"  et je copie (Cliquez sur l'image pour voir en plus grand)

3. Insérer le lien copié+un code dans "Apparence" de Canalblog

Je vais dans "Apparence" du menu Canalblog (Cliquez sur l'image pour voir en plus grand)

puis dans "éditer les fichiers de ce modèle" j'arrive donc ici (Cliquez sur l'image pour voir en plus grand)

Je vais dans "feuille de style général" c'est ici (Cliquez sur l'image pour voir en plus grand)

et j'obtiens ceci (Cliquez sur l'image pour voir en plus grand)

Là je repère les 1eres lignes (Cliquez sur l'image pour voir en plus grand)

Sous le background-color de <body> ici (Cliquez sur m'image pour voir en plus grand)

j'insère background-image: url("adresse de mon image copié sur imageshack");

ce qui donne (Cliquez sur l'image pour voir en plus grand)



je "valide" et j'obtiens (Cliquez sur l'image pour voir en plus grand)




*Si je désire mettre un fond dans ma colonne j'insère le code sous le background-color de #rightbar ou #leftbar (cela dépend où est votre colonne) (Cliquez sur l'image)



J'obtiens (Cliquez sur l'image)



*Si je désire mettre un fond dans mes message j'insère le code sous le background-color de #content

J'obtiens (cliquez sur l'image)




*si je veux le mettre  en bas de mon blog  j'insère le code sous le background-color de #container

J'obtiens (cliquez sur l'image)

*Si je veux me mettre un fond dans ma barre de titre de blog j'insère le code sous le background-color de #topbar

J'obtiens (Cliquez sur l'image)

*Enfin si je veux sur tout j'insère le code sous chaque background-color de body, #container, #content, #rightbar ou #leftbar ou les deux (si vous avez mis les deux colonnes), et #topbar

J'obtiens (Cliquez sur l'image)

Bon là c'est très laid ;o)

Allez dans "Apparence" puis dans "Parametres" puis cochez "Convertir_ce_modele_en_type_avance" puis cliquez sur "Valider"

(Cliquez sur les mots pour avoir une image de ce que vous devez faire!)

Voilà si vous avez suivi vous faites désormais parti des bloggueurs en mode avancé ;o)

Le mode avancé n'est pas si terrible qu'on veut vous le faire croire.
En effet passer en mode avancé ne changera que la partie "Apparence" de votre blog. Les parties "Nouveau message", "Contenu", "Paramètres", "Outil", "Voir le blog", "Aide" et "Deconnexion" ne changeront pas!

Voici ce que vous obtiendrez en mode avancé (Cliquez sur les images pour les voir en + grand!)

Passer en mode avancé vous permettra donc de configurer et personnifier votre blog à votre convenance.
Les plus du mode avancé sont par exemple la possibilité de mettre vos propres fonds et plus les couleurs plutôt simples proposées en mode normal par Canalblog. Vous pourrez aussi ajouter une multitude de catégories dans votre ou vos colonnes comme un lecteur mp3, un compteur de visiteurs/visites, des gifs, des vidéos etc....modifier les polices de caractères.
En gros en mode avancé depuis "Apparence" vous pourrez gérer tout ce qui concerne l'apparence de votre blog et je peux vous assurer que les possibilités sont multiples!

Attention Je rappelle que la passation en mode avancé est irréversible ceci dit vu qu'elle ne concerne que la section "Apparence" cela n'est pas la fin du monde!

De plus le html de base n'est pas compliqué à manipuler, il suffit de savoir copier/coller, charger des images sur des hébergeurs comme "imageshack" (entre autres) et surtout le principal il suffit de savoir lire!!

Je tiens quand même à souligner que le mode avancé n'est pas fait pour les grands débutants qui ne savent déjà pas mettre un nouveau message sur leur blog!!!

Rappel:

Pour:
*Cela ne concerne que la partie "Apparence"
*Vous pourrez modifier totalement l'aspect de votre blog
*Il suffit de copier/coller

Contre:
*Si vous êtes grand débutant en Internet
*Si le mode "normal" vous convient très bien
*Si vous parlez ou lisez pas ou mal le Français
*Si vous n'avez pas de blog Canalblog ;o)

Bonjour,

Ce blog s'adresse à ceux qui désirent personnifier un peu plus en profondeur leur blog Canalblog.
Je n'ai pas la science infuse et je ne fais ceci que dans le but de vous aider à avoir un blog "Canalblog" qui vous correspond.
J'essaie au maximum d'être claire et concise parce que je sais combien les trucs et astuces complètement incompréhensibles m'ont gonflé quand je me suis lancée dans la personnalisation de mon blog (http://hereliesloo.canalblog.com)
Je ne suis pas responsable de vos erreurs de manipulation et n'apprécierai donc pas d'être insultée en cas de perte de données ou autre problème.
Vous pouvez me contacter ici: here.lies.loo@club-internet.fr si jamais les explications fournies ne sont pas comprises, si vous avez un problème (Je précise que je possède un blog vierge et basique en mode avancé si vous vous trompez je peux vous faire une capture d'écran afin que vous puissez comparer ou copier afin de retrouver un blog de base où repartir de zéro!), vous pouvez me contacter aussi pour me soumettre vos tutoriaux ou pour me donner des idées.
Je rappelle qu'il y a les commentaires, n'oubliez pas de laisser votre adresse mail pour que je puisse vous répondre personnellement.
Si la question de votre commentaire est plus générale je répondrai soit dans les commentaires soit en éditant mon message afin que tout le monde puisse en profiter.

N'hésitez pas à faire un tour sur mon blog à moua (Cliquez sur le lien dans la colonne de droite!)

Merci... :o)

LOo