Bouge ton blog !

3 bonnes raisons de passer à un mode 1 colonne :

• Pour mettre en avant le contenu de son blog
• Pour disposer de plus de place pour la colonne centrale
• Comme pour chaque astuces de technoblog : personnaliser son blog

Votre choix est fait ? Voici comment faire :

Tout d'abord, cette modification est applicable uniquement avec les designs 1 et 2 pour un rendu visuel conforme :

Prenons l'exemple de la suppression de la colonne de droite :

1. Dans Présentation -> Configuration Avancée, éditez votre Feuille de styles.
Editez le style #right {} en ajoutant display: none; à la fin :

#right {
...
display: none;
}

Editez le style #center { } en modifiant le paramètre 'width:'. Remplacez 'width: 409px;' par 'width: 589px;'

#center {
...
width: 589px;
}

2. Dans la partie 'Présentation' -> Contenus des colonnes, transférez tous vos blocs de la partie droite vers la partie gauche dans l'ordre souhaité.
Il est possible qu'à l'avenir, certains éléments comme les albums photos s'affichent par défaut dans la colonne de droite. Il vous faudra alors transférer ce bloc vers la colonne de gauche pour le voir s'afficher.

Pour afficher seulement la colonne de droite, revenez à une configuration de base à 2 colonnes puis procédez de la même manière mais en appliquant 'display: none;' au style '#left { }' et en transférant tous les éléments de la gauche vers la droite.

Enfin, pour les plus acharnés, pour obtenir un blog sans colonnes : appliquer le 'display: none;' au 2 styles '#left{ }' et '#right{ }' puis applique une largeur de 769px 'width: 769px;' à votre colonne centrale '#center { }'

Voici un photoblog où vous trouverez tous les blogs relookés via l'édition de la feuille de style. On y trouve aussi bien des blogs anglophones, allemands, chinois et français sur blogSpirit ou HautetFort. Bravo à tous, certains designs sont dignes de modèles professionnels. Cela prouve en tout cas qu'avec quelques connaissances en CSS, on peut personnaliser son blog très facilement...
Si vous connaissez un blog relooké (le votre ?), n'hésitez pas à m'en faire part sur cette note, je l'intègrerai volontier à cette collection.

Voici un récapitulatif de l'état de fonctionnement du nouvel éditeur de blogSpirit :

	Windows XP / 2000	Linux(Debian)	MacOS X 10.3	MacOS 9
MSIE 6	OK
MSIE 5.5 SP2	OK
MSIE 5.2			TextArea
MSIE 5.0				TextArea (2)
Netscape 7.2			OK
Netscape 7.1	OK
Netscape 7.0.2				TextArea
Mozilla 1.8		OK
Mozilla 1.7.3			OK
Mozilla 1.7.2
Mozilla 1.7	OK	OK	OK
Mozilla 1.6	OK	OK
Mozilla 1.5	OK (1)	OK (1)	OK (1)
Mozilla 1.4.1		OK
Mozilla 1.4	OK
Mozilla 1.3.1		OK		OK (1)
Mozilla 1.3	OK
Firefox 1.0.4	OK
Firefox 1.0	OK		OK
Firefox 0.9	OK	OK
Firefox 0.8	OK	OK
Firebird 0.7	OK (1)	OK (1)
Firebird 0.6	NON	NON
Safari 1.2.4			TextArea
Opera 8.01	TextArea	Non testé	Non testé

OK : Marche correctement
NON : Ne marche pas du tout
TextArea : Ancien éditeur disponible avec les boutons.

(1) L'éditeur peut connaître quelques difficultés dans l'édition des tableaux, il semblerait que la gestion du navigateur en soit la cause

(2) Seuls les boutons d'insertion d'image et de fichier sont disponibles.

Cet éditeur comme beaucoup d'autres est un "éditeur riche", il permet d'éditer du HTML en toute transparence. La portabilité de cette technologie se situe tout simplement dans la capacité du navigateur à la supporter. Si IE et Mozilla supportent cette techno depuis quelques temps, des navigateurs comme Opera et Safari connaissent encore un retard... Ce "retard" est malheureusement indépendant de blogSpirit qui souhaite proposer à l'ensemble des blogueurs un éditeur enrichi plus avancé qu'un simple textarea.

De nouvelles fonctionnalités ont été ajoutées au niveau de vos blogs, le nom du template concerné est mis entre crochets :

• Un "Remember Me" qui stocke vos informations nécessaires à l'ajout d'un commentaire dans un cookie : plus besoin de rentrer ses informations à chaque fois, elles sont préremplies. [permalink, commentaires]
• L'abonnement à un fil de commentaires, pour être tenu au courant - par mail - des nouveaux commentaires sur n'importe quelle note d'un blog ou d'un photoblog. [permalink, commentaires]
• Envoi de la note par mail. [index, permalink, archives, categories]

Si vous n'avez jamais modifié vos templates HTML (Présentation -> Configuration avancée), une mise à jour automatique a été faite sur votre blog : vous devriez voir s'afficher ces nouvelles fonctionnalités.

Si au contraire vous avez déjà modifié vos templates, aucune mise à jour n'a été possible, voici la marche à suivre pour bénéficier de ses nouvelles mises à jour :

1. Sauvegardez - un par un - les templates suivants sur votre poste (avec petit éditeur de texte comme notepad) :

• Modèle de la page d'accueil
  
• Modèle de la page archives
• Modèle de la page catégories
• Modèle de page commentaires
• Modèle de page Lien permanent
• Modèle de la page À propos
• Modèle de page d'éléments de listes

2. Restaurez la version originale de chacun de ces templates

Attention ! Ne pas restaurer les templates suivants, vous risqueriez de perde des éléments de votre design :

• Feuille de styles
  
• Modèle de la colonne gauche
• Modèle de la colonne droite

3. Les nouvelles fonctionnalités sont installées sur votre blog. Vous pouvez désormais ajouter vos propres modifications grâce aux fichiers sauvegardés en 1.

Plus d'informations sur les nouvelles mises à jour (nouvel éditeur, photoblog)