+ 3 colonnes de gadgets template blogger

obtenir ces boutons

Ajouter 3 colonnes de gadgets
en bas d'écran

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.

Dans l'exemple qui suit, le gadget du milieu a une taille variable (par exemple pour un gadget "Adsense") et les deux autres une taille fixe. Mais tout peut bien entendu être permuté ou modifié.

1) A la place de (ou après) :

#footer{
..........
}

xxxinsérer :

/* Gadgets horizontaux de bas de page
---------------------------------------------------------- */
#footer-left,
#footer-mid,
#footer-right {
border:1px solid #bbbbbb;
padding: 15px;
background: #ecf8ff;
float: left;
}
#footer-left,
#footer-right {
width: 165px;
}
#footer-mid,
#footer-right {
margin-left:20px;
}

2) xxxà la place de (ou après) :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

xxxinsérer :

<div id='footer'>
<div id='footer-left'>
<b:section class='footer-content' id='footerleft-content'/>
</div>

<div id='footer-mid'>
<b:section class='footer-content' id='footermid-content'/>
</div>

<div id='footer-right'>
<b:section class='footer-content' id='footerright-content'/>
</div>
</div>

Exemple : ce site a été modifié de cette manière : voir ci-dessous.

Aucun commentaire: