Как убрать sidebar со страниц в не стандартном шаблоне блога Blogspot



Как убрать sidebar в не стандартных шаблонах с одной и двумя боковыми панелями


Здравствуйте дорогие мои читатели и гости. Наконец мои бессонные ночи дали результат и мне удалось найти в интернете информацию, как убрать боковую панель со статических страниц.

У кого родной шаблон блога, тем проще. В дизайне есть возможность настроить: захотели с одной колонкой, захотели-с двумя.

Я когда выбирала  шаблон с двумя боковыми панелями, не учла, что на статических страницах будут так же отображаться две колонки. А это карта блога-самое основное, и просматривать её было очень неудобно.

Уже собиралась опубликовать как сообщение, но обычно содержание блога публикуется на статической странице и к тому же повезло найти выход.

Вы можете посмотреть как сейчас выглядит страница, нажав в меню на содержание блога. Колонка, которая  на главной странице слева, теперь на статических страницах расположена справа.

Но давайте я поделюсь с Вами информацией, может кому нибудь так же необходимо убрать боковую панель со страниц. Хочу сразу предупредить, что вставив код в шаблон блога, у Вас не будет видна панель на всех статических страницах. В сообщениях боковые колонки останутся. Здесь, если Вы хотите убрать колонку конкретно с одной страницы, или страницы сообщения, предлагаемый мной вариант не пройдет. 

Итак, идем в шаблон-изменить шаблон. Делаем резервную копию шаблона. Теперь в шаблоне находим закрывающий тэг </head> и выше вставляем вот этот код


 <!-- Hide Sidebar From Static Pages Start -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
#sidebar-wrapper
{
display:none !important;
}
#main-wrapper
{
width: 100%;
}
</style>
</b:if>
<!-- Hide Sidebar From Static Pages End -->

Если расшифровать, то выделенное синим-свернуть sidebar со статических страниц, красным-надо будет посмотреть в шаблоне между <b:skin>...</b:skin, какие у Вас прописаны стили CSS для боковой панели. Как найти эту строку в своем шаблоне, подробно я написала в этом своем посте. Посмотрите скриншот, где нашла я.

Где в шаблоне вставить код, чтобы убрать одну из боковых панелей
 
#main-wrapper-ширина страницы, так как у меня две боковые колонки, то и ширина всего 340, у Вас с одной боковой панелью ширина будет больше. Далее, нашли стиль CSS, скопировали прямо в шаблоне, вставили в код. Просмотрите шаблон, и если все нормально и нигде ничего не вылезло-тогда сохраняем.

Хочу немного подробней остановится на шаблонах с двумя колонками.

Вам надо будет настраивать ширину width: 100%; У меня выровнялось при ширине 60%. Если Вы оставите 100%, то вторая боковая панель будет отображаться внизу контента страницы. 

На родных шаблонах blogspot код не проверяла. В этих шаблонах меня все устраивает. Да и там в дизайн-настройках можно изменить макет блога: или добавить панель, или убрать. 

При желании можете попробовать вставить код в тело шаблона, затем посмотрите на своих страницах будет ли отображаться боковая панель. На сегодня у меня все. Комментируйте, не забывайте о друзьях и знакомых в социальных сетях. До свидания.




Автор статьи ✎ Olga Protasova Выпуск ✹ 4/27/2014 Ярлыки ►


Открыть комментарии →

5 коммент. :

  1. Здравствуйте, Ольга! Можно я Вам буду задавать "дурацкие" вопросы? ;)
    Изучая блоги-учебники, к коим я отношу и Ваш (спасибо Вам огромное за Ваш труд!), я никак не могу понять, почему практически все гуру ставят к себе на блоги сторонние шаблоны? Ведь они гораздо хуже настраиваются, по-моему. Я тестировала несколько сторонних шаблонов на своих "закрытых" блогах-тестов. С другой стороны, читая, например, блог Митры-Наташи, я не могу найти у себя в стандартном шаблоне много участков, о которых идёт речь в статьях. И получается, что многое невозможно воплотить практически. Например, я пробовала писать в шаблоне коды, запрещающие виджеты на определённых страницах. Не работает (((( А так хочется уже сделать, наконец, блог мечты! :)

    ОтветитьУдалить
  2. Здравствуйте Галина. Я когда создавала блог, в дизайнере шаблонов не было больших возможностей для оформления блога. Сейчас добавили много фоновых изображений и другие пункты настроек. Вторая причина: считается, что такие шаблоны лучше оптимизированы для поисковых систем, хотя и его нужно настраивать, внешних ссылок больше, чем в родных. Настраивать такой шаблон действительно тяжело и скажу честно жалею, что перенесла блог на сторонний шаблон.

    Что касается информации у Наташи, шаблон Ваш и её могут отличаться, я не знаю на каком из шаблонов она тестирует. Нужно искать.

    И третье, у меня в этом шаблоне тоже не сработал код убрать гаджеты с нужных страниц. Но есть же CSS, я писала статьи в блоге:

    http://goo.gl/EhXF4L

    http://goo.gl/gFJ8kU


    ОтветитьУдалить
    Ответы
    1. Оооо, вот спасибо, так спасибо!!! Обязательно попробую!

      Удалить
  3. Ольга, добрый день!В своем html коде блога, у меня есть только что-то вроде variable default='960px', где указан размер страницы в разделе b/skin (#sidebar-wrapper и #main-wrapper - такого не нашла, как бы не старалась). Подскажите, пожалуйста, что куда вставлять (в частности про шрифт красным), если такого кода нет. Заранее, спасибо.

    P.S. Хочу убрать боковую колонку только на одной из статических страниц, перепробовала множество кодов из интернет-статей - ничего не помогло.

    ОтветитьУдалить
    Ответы
    1. Talismatur, здравствуйте. У Вас если шаблон с одной боковой панелью, то смотрите в шаблоне ширину сайдбара плюс ширина страницы и будет 960px. В CSS ищите типа #sidebar-wrapper, найдете ширину колонки. Далее в коде настраивайте ширину страницы width: 100%;
      Но этот вариант убрать сайдбар для всех страниц в блоге, для одной не получится.
      Почитайте другие статьи, может что-то подойдет:

      http://www.bdblogov.ru/2015/09/registration-page-no-header-sidebars-and-header-in-blogger.html

      http://www.bdblogov.ru/2015/12/hide-widgets-on-static-and-pages-posts-with-using-CSS.html

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *