image - Blogger模板添加图像时出现问题(Problem on Blogger template adding a image)

Question

I'm trying to add a picture in a blogger template.

(我正在尝试在Blogger模板中添加图片。)

With the HTML tag.

(带有HTML标记。)

<img src="img_avatar.png" alt="Avatar">

But it's not loading the image.

(但是它没有加载图像。)

I'm trying to put it in the direct code.

(我正在尝试将其放入直接代码中。)

 <div class='container-fluid'>
      <div class='row'>
        <div class='col-sm-12 col-md-3 col-lg-3' id='sidebar'>


          <b:section class='header-section' id='header-section' maxwidgets='0' showaddelement='no'>
            <img src="picture goes here" alt="Avatar"/>
            <b:widget id='Header1' locked='true' title='Blogs name (Cabe?alho)' type='Header' version='1'>
              <b:widget-settings>
                <b:widget-setting name='displayUrl'/>
                <b:widget-setting name='displayHeight'>0</b:widget-setting>
                <b:widget-setting name='sectionWidth'>22</b:widget-setting>
                <b:widget-setting name='useImage'>false</b:widget-setting>
                <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                <b:widget-setting name='displayWidth'>0</b:widget-setting>
              </b:widget-settings>

I wanna to insert the picture in this space with a different color:

(我想用另一种颜色将图片插入此空间：)

But its not loading the picture...

(但是它没有加载图片...)

Thanks a lot

(非常感谢)

  ask by user2535338 translate from so

Answer 1

The Blogger tag <b:section ... can only contain <b:widget ...

(Blogger标签<b:section ...只能包含<b:widget ...)

To insert your image upload it directly in Header widget or use an image widget.

(要插入图像，请直接将其上传到“标题”窗口小部件中，或使用图像窗口小部件。)

Also, you can insert your image code within the widget tag <b:includable id='main'>

(另外，您可以将图像代码插入小部件标签<b:includable id='main'>)