Убрать колонку со страницы

Как убрать боковую колонку в блоге на Blogger, Blogspot?

 Иногда нужно, по той или иной причине, убрать колонку (сайдбар, боковую панель) с определённой статичной страницы или страницы сообщения в блоге на Blogger. Например, когда надо поместить на страницу какое-либо приложение, которое не входит при наличии боковой панели. Такое выполнено на странице "Генератор кнопок для сайта".

 Вообще убрать колонки можно как по отдельности - правую или левую, так и сразу обе боковые колонки, растянув содержание на оставшуюся или всю ширину страницы. В нашем примере будем убирать правую боковую колонку.

    Проходим "Шаблон" и "Изменить HTML".
    С помощью поиска Ctrl + F находим в шаблоне </head>
    Перед </head> вставляем первый код:

<b:if cond='data:blog.url == &quot;Адрес страницы&quot;'>
<style type='text/css'>
      .main-inner .columns { padding-right: 0; }
      .main-inner .fauxcolumn-center-outer { right: 0;
        _width: expression(this.parentNode.offsetWidth -
             parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;); }
      .main-inner .fauxcolumn-right-outer { width: 0px; }
      .main-inner .column-right-outer { width: 0px; margin-right: 0; }
</style>
</b:if>

  Данный код позволяет убрать колонку с правой стороны страницы: column-right-outer. Чтобы убрать колонку с левой стороны  надо прописать этот код:

<b:if cond='data:blog.url == &quot;Адрес страницы&quot;'>
<style type='text/css'>
      .main-inner .columns { padding-left: 0; }
      .main-inner .fauxcolumn-center-outer { left: 0;
        _width: expression(this.parentNode.offsetWidth -
             parseInt(&quot;$(main.column.left.width)&quot;) + &#39;px&#39;); }
      .main-inner .fauxcolumn-right-outer { width: 0px; }
      .main-inner .column-left-outer { width: 0px; margin-left: 0; }
</style>
</b:if>
 

  По окончании вставки первого кода начинаем поиск кода, выделенного зелёным цветом, после чего к нему добавляем второй код - по строчке сверху и снизу. Данные строчки подчёркнуты.

<b:if cond='data:blog.url != &quot;Адрес страницы&quot;'>
<div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>
</b:if>

  Если нужно убрать колонку с левой стороны страницы, в искомом коде, соответственно, вместо right должно быть left:

<b:if cond='data:blog.url != &quot;Адрес страницы&quot;'>
<div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

</b:if>

  В кодах необходимо Адрес страницы поменять на адрес своей страницы.
  Чтобы удалить со страницы обе боковые колонки надо прописать коды на удаление левой и правой боковых колонок. После этого добавьте и второй код для каждой боковой колонки.
 Чтобы убрать колонку на страницах сообщений вместо Адрес страницы вставьте item. Если нужно убрать колонку со статичных страниц, то вставьте static_page. Для главной страницы &quot;Адрес страницы&quot; замените на data:blog.homepageUrl.


Комментариев нет:

Отправить комментарий