Как убрать сайдбар со страницы в Blogger

Как убрать сайдбар с отдельной статичной страницы блога? Зачем это нужно? Мне давно хотелось чтобы оглавление блога располагалось на всю ширину страницы и кнопочки боковой панели не отвлекали бы читателей.

Начнем: уберём боковую панель (правую, левую или обе), а содержание растянем на всю страницу. Мне нужно было убрать правую боковую панель на странице по адресу veraborok.blogspot.com/p/blog-page_06.html

1. Шаблон ---> Изменить HTML ---> Приступить
2. Ставим галочку на "Расширить шаблоны виджета"
3. С помощью поиска (Ctrl+F) находим в шаблоне </head>
4. Перед </head> вставляем код:

<b:if cond='data:blog.url == &quot;http://veraborok.blogspot.com/p/blog-page_06.html&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>

Источник: http://shpargalkablog.ru

В данном коде необходимо адрес моей страницы поменять на свой. Я убирала правую боковую панель column-right-outer, для левой - column-left-outer

Затем находим код ( см. ниже ) и к нему добавляем по строчке сверху и снизу. Данные строчки выделены жирным.

<b:if cond='data:blog.url != &quot;http://veraborok.blogspot.com/p/blog-page_06.html&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>

Источник: http://shpargalkablog.ru

Понравилась статья? Поделитесь с друзьями.