Personnalisez votre blog sous CanalBlog

Ce billet conclut la présentation de la plate-forme d’hébergement de blog : Canalblog. Après avoir vu dans le précédent billet les onglets “paramètres” et “publication d’un message”, nous allons nous pencher sur la mise en page. L’objectif de ce billet est de vous aider à personnaliser votre blog, au niveau du design et des fonctionnalités (widgets et statistiques), voire à aller plus loin (mode « avancé » ).

Personnalisez votre blog


1- Utiliser les styles


Dans notre précédent billet, nous avions vu comment créer l’ossature du blog (nombre de colonnes et modèle sélectionné). Mais comme personne ne souhaite avoir le blog de monsieur (ou Mademoiselle) Toutlemonde, les styles vous offrent la possibilité de modifier les couleurs, les dimensions des bordures, les polices et de télécharger un bandeau.
Canalblog propose une gestion de mise en page par des formulaires dans lesquels chaque paramètre de couleur et de style peut être modifié d’un simple clic. Ces formulaires sont répartis sur cinq rubriques (Style général, Messages, Colonne de liens, Titre du blog, Albums).
Pour y accéder, allez dans l’onglet APPARENCE et cliquez sur le lien Style, à côté du modèle utilisé :

canal1 Personnalisez votre blog sous CanalBlog

Ce lien ouvre sur une liste de couleurs avec des codes dits hexadécimaux (du genre #D2C181). Vous pouvez modifier les couleurs en cliquant sur le carré qui ouvre une palette des couleurs possibles. Idéalement, il est préférable d’entrer directement un code hexadécimal, l’éventail de choix de couleurs étant beaucoup plus important que sur la palette proposée (un petit coup de Google peut vous y aider). Vous pouvez ainsi modifier la couleur de fond, des colonnes, de la police et des liens.

canal2 Personnalisez votre blog sous CanalBlog

Notons que c’est à partir de cette même interface que vous pourrez charger votre bannière si vous en avez une. La manœuvre est assez aisée puisque vous reconnaîtrez le bouton standard « Parcourir » qui permet d’aller chercher l’image sur votre disque dur. Ne vous fiez pas aux recommandations de taille entre parenthèse, cela dépendra totalement du modèle choisi. Le bandeau remplace automatiquement le titre du blog.
C’est également ici que vous pourrez modifier votre police et sa taille. A l’exemple des couleurs, Canalblog propose sous chaque élément paramétrable une petite fenêtre de prévisualisation qui permet de constater immédiatement les changements (ouf !)

2- Utilisez les blocs


Pour en terminer avec le menu APPARENCE, nous allons voir l’agencement des blocs. Cliquez sur le lien du même nom, vous obtenez la page suivante :

canal3 Personnalisez votre blog sous CanalBlog

Cette page permet de mettre en page les « blocs » qui vous intéressent et de les disposer où vous le voulez sur la page (affichage des catégories, du mail contact, des commentaires, des derniers messages postés,…). Ces différents éléments sont listés sous le visuel de vos colonnes. Pour les mettre en ligne, cliquez au choix sur ajouter à la colonne de gauche ou de droite et le tour est joué.

Accédez aux statistiques


Juste un mot sur le système de statistiques plutôt complet inclus sur la plate-forme. Il permet un affichage des visites quotidiennes, hebdomadaires ou mensuelles, il informe du passage des moteurs de recherche et des cent derniers visiteurs ainsi que des mots-clés utilisés pour accéder au blog et du système d’exploitation et navigateurs des visiteurs. Le tout en temps réel. Un lien vers Excel permet l’exportation de ces données ( à vous les joies de l’analyse statistiques comparée !)

canal4 Personnalisez votre blog sous CanalBlog

Le mode avancé et l’intégration de « widgets »


Pour ceux qui veulent pousser plus loin la personnalisation, Canalblog permet de faire basculer certains des thèmes enregistrés en « mode avancé ». C’est notamment indispensable pour l’ajout de « widgets » (moteur de recherche, traceurs, bannières flickr, horloge,…) que la mise en page par défaut – via les formulaires- ne permet pas.
ATTENTION ! Le passage en mode « avancé » est irréversible (musique angoissante, roulement de tambours). Il vous permettra d’accéder au code source de votre modèle.
Pour ce faire, allez dans votre modèle en cours (APPARENCE > Liste des modèles) et cliquez sur le lien “Paramètres”. Une fois sur cet écran, il vous suffira de cocher la mention « Convertir ce modèle en type avancé (attention, opération irréversible) » et de valider.

A présent, chaque fois que vous irez sur la page de votre modèle, vous aurez la mention : “Editer les fichiers de ce modèle” qui vous permettra l’accès au code des différentes pages du blog. C’est dans la page d’accueil (par exemple) que vous pourrez intégrer des contenus tiers.

canal5 Personnalisez votre blog sous CanalBlog

Beaucoup d’utilisateurs n’osent pas passer le pas du modèle avancé (c’est vrai que la mention « irréversible » fait froid dans le dos pour tout geek amateur impressionnable) mais en réalité le risque n’est pas si grand ! D’une part, vous pouvez prévisualiser un changement avant de le valider (cf. les deux boutons de la copie écran). D’autre part, il faut vous rappeler également que Canalblog permet de créer autant de modèles que l’on veut, créez-en donc un à chaque étape de transformations. Vous serez tranquillisés ;-)

En conclusion :
Même si le nombre de modèle est restreint et que la publicité est indéboulonnable, Canalblog a le mérite d’être une plate-forme simple à utiliser pour les débutants et pour les plus avertis (mode avancé), avec en prime possibilité de co-administrer en gérant différents niveaux de droits utilisateurs et celle d’avoir plusieurs blogs à partir d’un même compte. A vous de jouer !


Vous avez aimé cet article : abonnez-vous au flux RSS !

6 Commentaires »

  1. 4Avatars v0.3.1 v0.3.1

    LE pb de canalblog, c’est qu’on n’a pas accès à la Base De Donnée..et que si on veut migrer , il faut tout recommencer !

    Du moins, je leur ai envoyé plusieurs mels pour avoir ma base de donnée, toujours AUCUNE réponse ! sympa le support, non ?

  2. 4Avatars v0.3.1 v0.3.1

    Bonjour, j’ai un blog de cuisine sur canalblog et je n’ai jamais osé passer en mode avancé de peur d’être perdue. Je vais me lancer pour intégrer des échanges de liens avec marmiton. Je reviens râler si ça ne marche pas :)

  3. 4Avatars v0.3.1 v0.3.1

    Bonjour Marie-Laure, quel est ton url de blog stp que j’aille y faire un tour… :)

  4. 4Avatars v0.3.1 v0.3.1

    bonjour
    je viens de creer un blog sur canalblog (donc nlle venue ! )
    mais suis un peu perdue dans les codes des astuces à mettre
    comme par exemple un nouveau pointeur de souris ou un compteur)
    je planche depuis deux jours sur les emplacements ou doivent se mettre ces codes !! HELP !!! je craque
    merci d avance pour vos conseils
    K.

  5. 4Avatars v0.3.1 v0.3.1

    Le problème c’est que je ne vois pas comment faire pour mettre en forme un billet (centré, couleur d’écriture, centré une photo ou vidéo…)
    Comment faire ?

  6. 4Avatars v0.3.1 v0.3.1

    > christelle, sur Canalblog je ne sais pas trop moi non plus, sur overblog super facile pourtant… si tu as besoin d’aide : mamscarlett (at) gmail.com (tu remplaces le (at) par @, et sans espace) :)

Rediger un commentaire