Google Blogger/ Blogspot et la création de conteneurs personnalisés pour l'ajout d'un widget de gadget à la page de mise en page

Question

Je suis nouveau dans l'interface de Blogger.com et dans la personnalisation des modèles avec cette plateforme. Blogger est codé à l'aide de XML, ce qui m'est familier, mais je n'arrive pas à trouver le codage correct dans Blogger pour placer un conteneur personnalisé qui est accessible dans la page de mise en page de Blogger. Je veux créer un modèle aussi convivial que possible.

Tout ce que j'ai essayé donne des erreurs lorsque j'essaie d'enregistrer le modèle. J'ai juste besoin d'un coup de pouce général dans la bonne direction.

Answer 1

Placez ce code sous le "body" dans la section où vous voulez placer le conteneur :

     <b:section class='type-of-widget-here-main-sidebar-etc' id='custom-id-for-styling' preferred='yes'/>

Puis au-dessus de l'endroit "/b:skin" :

    #custom-id-for-styling  {
width: 100%;
margin-left: auto;
margin-right: auto;
padding:0px;
}

Pour placer 2 conteneurs l'un à côté de l'autre :

    <b:section class='new-sidebar' id='magazine-left' showaddelement='yes'/>
<b:section class='new-sidebar' id='magazine-right' showaddelement='yes'/>
<div style='clear: both;'/>

CSS :

     #magazine-left {
width: 45%;
float: left;
}

#magazine-right {
width: 45%;
float: right;
}

Pour placer 3 conteneurs les uns à côté des autres :

    <b:section class='main' id='container-left' showaddelement='yes'/>
<b:section class='main' id='container-middle' showaddelement='yes'/>
<b:section class='main' id='container-right' showaddelement='yes'/>
<div style='clear: both;'/>

CSS :

    #container-left {
width: 31.3%;
float: left;
margin-left: auto;
margin-right: auto;
padding:0px;
}

#container-middle {
width: 31.3%;
float: left;
margin-left: auto;
margin-right: auto;
padding:0px;
left:0px;
right:0px;
}

#container-right {
width: 31.3%;
float: right;
margin-left: auto;
margin-right: auto;
padding:0px;
}