Как увеличить ширину отдельной страницы блога



Изменить ширину страницы в блоге Blogspot


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

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

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

Давайте по порядку: Перед публикацией страницы или сообщения, в редакторе перейдите по вкладке HTML (слева). И в самом верху страницы вставьте вот этот код

<style type="text/css">
/*<![CDATA[*/
.header,#crosscol,.main-inner .column-right-outer,.main-inner .column-left-outer,.footer-outer, {height: 0; visibility: hidden; display: none;}
.main-inner .columns {padding-left: 0px; padding-right: 0px;}
/*]]>*/
</style>


Ваши установленные виджеты под сообщением или в подвале блога останутся. Боковые же гаджеты могут отображаться ( или не отображаться)-в разных шаблонах по разному.

Чтобы Вы имели представление, как это будет выглядеть, посмотрите в этом блоге, с одной боковой панелью и здесь, с двумя боковыми панелями. Для сравнения перейдите в меню на главную страницу.

Как видите, боковые панели располагаются по разному. Больше мне нравится конечно в блоге с одной колонкой. В блогах на платформе Blogspot работает 100%, проверила на всех своих тестовых на разных шаблонах. В не стандартных шаблонах не получилось таким образом увеличить ширину страницы, в том числе и в этом блоге.

Вот и вся информация. Пишите отзывы, если статья понравилась, поделитесь со своими друзьями в социальных сетях. А я говорю Вам до свидания и до новых встреч.






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


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

2 коммент. :

  1. Подскажите,пожалуйста,что нужно сделать чтоб каталог загрузился поверх колонки http://www.zarabotayte-doma.ru/p/blog-page_28.html

    ОтветитьУдалить
  2. Татьяна здравствуйте. У меня еще есть одна похожая статья в блоге, посмотрите

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

    Если поверх колонки, создайте страницу с каталогом без сайдбара. Затем её можно открыть в окне браузера или открыть на любой странице блога, настроить определенные ширину и высоту.
    http://www.bdblogov.ru/2014/11/How-open-link-or-blog-in-newwindow.html

    второй вариант посмотрите, посередине экрана.

    Если варианты не подойдут, пишите.



    ОтветитьУдалить

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

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

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

Имя

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

Сообщение *