Question

我是Blogger.com界面的新用户，并使用此平台自定义模板。 Blogger使用XML进行编码，这是我所熟悉的，但我无法在Blogger中找出正确的编码来放置可在Blogger的Layout页面中访问的自定义容器。我想尽可能地创建它用户友好。

当我尝试保存模板时，我尝试的所有内容都会出错。我只需要在正确的方向上进行推广。

Answer 1

将此代码放在要放置容器的部分“body”下面：

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

然后在“/ b：skin”上方：

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

将2个容器放在一起：

    <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;
}

在每个容器旁边放置3个容器：

    <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;
}

Google Blogger / Blogspot并创建自定义容器，以便将小工具小部件添加到布局页面

1 个答案: