如何将两个小部件内容包装到 Blogger 中的单个 DIV 元素中？

Question

我想设计一个博客模板。但问题是我不明白如何将两个小部件包装到一个 DIV 元素中。这是我的 HTML 侧边栏结构-

<div class="sidebar">
    <div class="top-logo">
        <img src=""/>
    </div>
    <div class="sidebar-content">
        <ul class="list1>
            <li>Item1</li>
            <li>Item2</li>
            <li>Item3</li>
        </ul>
        <ul class="list2>
            <li>Item1</li>
            <li>Item2</li>
            <li>Item3</li>
        </ul>
    </div>
</div>

所以我创建了一个名为侧边栏的部分和这样的小部件

<b:section id='sidebar' class='sidebar' showaddelement='yes'>
    <!-- sidebar top logo-->
    <b:widget id='Image1' locked='true' title='Logo' type='Image'>
        some code
    </b:widget>

    <!-- sidebar link1-->
    <b:widget id='HTML1' locked='true' title='Sidebar Link1 type='HTML'>
        some code
    </b:widget>

    <!-- sidebar link2-->
    <b:widget id='Label1' locked='false' title='List all label' type='Label'>
        some code
    </b:widget>
</b:section>

现在我的问题是如何将 link1 和 Label1 小部件包装到 sidebar-content div?

Answer 1

A section can only contain widgets. To insert extra code within a section, split the section into two or more new sections.

你可以这样做

<div class="sidebar">

    <b:section id='top-logo' class='top-logo' showaddelement='yes'>
        <!-- sidebar top logo-->
        <b:widget id='Image1' locked='true' title='Logo' type='Image'>
            some code
        </b:widget>
    </b:section>

    <b:section id='sidebar-content' class='sidebar-content' showaddelement='yes'>
        <!-- sidebar link1-->
        <b:widget id='HTML1' locked='true' title='Sidebar Link1 type='HTML'>
            some code
        </b:widget>

        <!-- sidebar link2-->
        <b:widget id='Label1' locked='false' title='List all label' type='Label'>
            some code
        </b:widget>
    </b:section>

</div>

如何将两个小部件内容包装到 Blogger 中的单个 DIV 元素中？

How to wrap two widgets content into single DIV element in Blogger?

blogger