如何将两个窗口小部件内容包装到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只能包含小部件。要在其中插入额外的代码部分，将该部分分成两个或多个新部分。