Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Как сделать целевую страницу для вашего блога (Blogger)

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

страница


Преимущество целевой страницы в её быстрой загрузке. Например, в вашем блоге много графики, что увеличивает время загрузку блога в целом. Тогда и нужна такая страница.

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


Обратите сразу внимание на сам эффект страницы. Пост о том, как такой сделать опубликую чуть позже.

Создания целевой страницы 

1. Зайдите в панель управления вкладка СТРАНИЦЫ.
2. Создать страницу.
3. Сразу перейдите в режим HTML и вставьте следующий код

<style>
#sidebar-wrapper, #midsidebar-wrapper,.column-left-outer, .column-right-outer, .gapad2, .blog-pager, .post-header-line-1, .post-footer, #comments {
display:none !important;
}
#main-wrapper { width:99%!important;}
.post { width:99%!important; }
.fauxcolumn-outer { width:99%!important; }
.main-inner .columns { width:99%!important; }
</style>

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

4.Дайте название, заполните страницу нужным текстом, графикой, оформите как желаете нужным.

5. Публикуем.

Саму страницу мы создали и у нас есть её адрес. Допустим, как в показанном выше примере

https://prostotestblog.blogspot.ru/p/blog-page_22.html


Из этого адреса нам нужна будет в дальнейшем только вот эта часть

/p/blog-page_22.html


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

Нажмите на Добавить внешнюю ссылку

В открывшемся окне пишем название страницы и её адрес.

Сохраняем ссылку.

Добавление ссылки в раздел пользовательского перенаправления.

В панели администратора выбираем функцию настройки - настройки поиска - пользовательская переадресcация. Нажмите изменить. Откроется новое окно в котором видно две строки.

пользовательская переадрессация

В поле первой строки, которая "ОТ", прописываем только слеш (символ /). А во второе поле "Кому", где прописан адрес вашего блога (пока можно его скопировать в блокнот, чтобы потом не запутаться), вставим скопированный ранее адрес страницы которую создали. Вернее, только часть его, которую я отметила выше.

Установите галочку с параметром Постоянный. 


Затем нажмите ссылку "Сохранить" и оранжевую кнопку "Сохранить изменения". Не переживайте, если что-то не так сделали. В любом случае можно будет отменить все изменения там же.

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

Всем удачи и до встречи.


Получайте новые сообщения с блога прямо на почту

Введите Ваш email


11 комментариев:

  1. Отличный вариант если делать блог сайтом. Тогда можно сделать меню ссылок на главной и тоже хорошо выходит. Часть блогов сделал псевдо сайтами.

    ОтветитьУдалить
    Ответы
    1. Вот о таком я и говорила. Подходит для любых целей. Вы правы. Из обычного блога на Блоггер можно настоящий сайт сделать.

      Удалить
  2. Отлично, Виктория! Почитаю подробнее позже. Делаю ссылку на твой пост. Я сейчас на дистанционном семинаре. Много заданий надо выполнять, а в школе нет Интернета. Буду дома в выходные и вечерами делать.

    ОтветитьУдалить
    Ответы
    1. Ирина, попробуй на тестовом сначала.

      Удалить
  3. Очень понравилось Журналистский стиль. Сделал здесь https://renessancemdm.blogspot.com/p/blog-page_12.html

    ОтветитьУдалить
  4. Очень интересное решение. Здорово.

    ОтветитьУдалить
  5. Полезная информация, спасибо!

    ОтветитьУдалить
  6. довольно интересное решение

    ОтветитьУдалить
  7. Да, Семён, главное просто и солидно.

    ОтветитьУдалить
  8. Здравствуйте, Вика! Как правильно вставить html код в текст поста, как здесь у Вас например через bloknot3 ???

    ОтветитьУдалить
  9. Леонид Турцов, если я Вас правильно поняла Вам нужно на странице в таком оформлении установить код или что. Если да то вот варианты - http://www.shpargalochki.ru/2014/01/oformit-uchastok-teksta.html
    если я не правильно поняла объясните подробнее.

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

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML