2+1 colonnes template blogger

obtenir ces boutons

Ajouter une colonne à gauche dans un blog

Remarque : cette méthode a été appliquée aux templates classiques modernisés à 2 ou 3 colonnes disponibles ici et qui peuvent donc être utilisés immédiatement.

Pour ajouter une colonne à gauche dans un blog (sans modifier la colonne de droite et ses gadgets), il faut :

1) élargir la page afin que la troisième colonne puisse s'ajouter. Sans cela, les éléments de droite se retrouveront en-dessous à gauche.

Exemple :

body {
.....
width: 1001px;

2) après :

#sidebar {
..........
}

insérer :

#left-sidebar-wrapper {
background: #9BC3D5;
width: 160px;
float: left;
padding :10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

3) avant :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'/>
</b:section>
</div>

insérer :

<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'/>
</div>

EXEMPLE DE RÉALISATION :
Merci vraiment beaucoup. J'ai réussi grâce au premier lien.
Voici le résultat : http://thecheckversion.blogspot.com/

3 commentaires:

Délégation ULB/IEE, SPECQUE 2010 a dit…

Merci pour cette explication !

Anonyme a dit…

Bonjour,

Je ne trouve pas le morceau
" # sidebar " et je voudrais ajouter une colonne à gauche à mon blog..

Comment puis-je faire ?

Merci pour votre aide !

Meiser a dit…

Le nom de la barre latérale (sidebar) peut varier d'un template (modèle) à l'autre. Chercher l'instruction équivalente qui affiche la barre latérale et qui contient le mot "sidebar".