Ошибка макета Google Blogger XML для разработки темы

Я хочу разделить область заголовка на две части (без логотипа и без рекламы) с помощью разметки Google Blogger XML.

Когда я пытаюсь сохранить коды XML, HTML-редактор Blogger показывает ошибку --

Виджет с логотипом id не находится в разделе (фактический родительский элемент это: заголовок.) Каждый виджет должен находиться в разделе.

Проверьте мои XML-коды, а также проверьте прикрепленное изображение, чтобы понять больше Чего я хочу?

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<div class='container border-1'>
    <header class='row'>
        <b:widget id='logo' locked='true' title='' type='Header'>
            <div class='col-md-4 col-sm-4 col-xs-1 border-1 d-none d-sm-block'> <div id='logo_main_area_device-lg__md__sm' style='background: #fff; max-height:90px !important; height:90px;'> <div id='logo-text_device-lg__md__sm'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
            <div class='col-md-4 col-sm-4 col-xs-1 border-1 d-block d-sm-none'> <div id='logo_main_area_device-xs' style='background: #fff; max-height:50px !important; height:90px;'> <div id='logo-text_device-xs'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
        </b:widget>
        <b:widget id='ads1' locked='true' title='' type='Header'>
            <div class='col-md-8 col-sm-8 col-xs-11 overflow-none border-1' style='background: #777; padding: 0 0.00000001px 0 0.00000001px;'> <img class='img-fluid' style='width:100% !important; height: 90px !important;' src='http://www.creditlenders.info/wp-content/uploads/banner-ad-banner-ads-macallister-design.jpg' alt=''/> </div>
        </b:widget>
    </header>
</div></b:section>

Посмотрите это изображение, чтобы понять мои требования


xml blogger xml-layout
person WHATTOSTUDY    schedule 21.10.2018    source источник
comment
Добро пожаловать в Stack Overflow!   -  person Ryan Breece    schedule 21.10.2018
comment
Пожалуйста, помогите мне исправить ОШИБКУ   -  person WHATTOSTUDY    schedule 21.10.2018

Ответы (1)


arrow_upward
1
arrow_downward

В Blogger тег b:section может содержать только виджеты, представленные тегом b:widget. также, чтобы вставить свой HTML-код внутри виджетов, используйте тег b:include, как показано ниже.

<b:widget id='logo'>
  <b:includable id='main' var='this'>
     Your HTML code here
  </b:includable>
</b:widget>

Ваш код должен быть (обратите внимание на строку имени класса в разделе)

<div class='container border-1'>
    <b:section class='header row' id='header' maxwidgets='2' showaddelement='yes'>
        <b:widget id='logo' locked='true' title='' type='Header'>
            <b:includable id='main' var='this'>
                <div class='col-md-4 col-sm-4 col-xs-1 border-1 d-none d-sm-block'> <div id='logo_main_area_device-lg__md__sm' style='background: #fff; max-height:90px !important; height:90px;'> <div id='logo-text_device-lg__md__sm'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
                    <div class='col-md-4 col-sm-4 col-xs-1 border-1 d-block d-sm-none'> <div id='logo_main_area_device-xs' style='background: #fff; max-height:50px !important; height:90px;'> <div id='logo-text_device-xs'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
            </b:includable>
        </b:widget>
        <b:widget id='ads1' locked='true' title='' type='Header'>
          <b:includable id='main' var='this'>
            <div class='col-md-8 col-sm-8 col-xs-11 overflow-none border-1' style='background: #777; padding: 0 0.00000001px 0 0.00000001px;'> <img class='img-fluid' style='width:100% !important; height: 90px !important;' src='http://www.creditlenders.info/wp-content/uploads/banner-ad-banner-ads-macallister-design.jpg' alt=''/> </div>
          </b:includable>
        </b:widget>
    </b:section>
</div>
person Bassam    schedule 21.10.2018
comment
Выдает ошибку Виджет с логотипом id не может содержать элемент: div. Виджет может содержать только b:включаемые элементы - person WHATTOSTUDY; 21.10.2018
comment
Надеюсь это поможет - person Bassam; 21.10.2018
comment
Скажите, пожалуйста, если я заменю значение id для ‹b:include›, это сработает? Пример: ‹b:includable id='logo-data' var='this'› .... ‹/b:include› - person WHATTOSTUDY; 24.10.2018
comment
b:includable не отображается в окончательном HTML-документе. Это тег виджета Blogger, и каждый виджет должен иметь тег, который можно включать с помощью id='main'. - person Bassam; 25.10.2018
comment
Расскажите мне, пожалуйста, Что такое maxwidgets и как им пользоваться? а также расскажите мне о var - person WHATTOSTUDY; 26.10.2018
comment
Атрибут maxwidgets определяет максимальное количество виджетов, которые можно использовать в разделе. - person Bassam; 27.10.2018