Если ты планируешь использовать собственный блог для продвижения своих услуг, будь то веб-разработка, дизайн или грудное вскармливание кроликов породы Французский Вислоухий, тебе понадобится как минимум две статические страницы. Первая из них – «Обо мне» aka About, с коротким рассказом о себе-любимом и информацией о предлагаемых услугах. Пулитцеровскую премию за сей опус ты вряд ли получишь, а вот потенциального работодателя заинтересовать скорей всего сможешь. Ты же блоггер! Помнишь?
И тогда, в нетерпении нервно притоптывающий обеими задними ногами, работодатель уж точно озадачится вопросом как с тобой связаться. Вот для этого и предназначена страница «Контакты» или Contact. И именно туда ты можешь от души напихать своих твиттеров, асек и электропочт. Ага! – под завязку!
Уже чуешь для чего нужны статические страницы в блоге и какая от них польза? Тогда идем дальше. Создать эти самые статические страницы нам поможет совет от блога Web Design For Idiots. Да, блог полностью соответствует своему названию, поэтому я на него и подписан ;).
Статические страницы
Перво-наперво создай новый пост. К примеру, тот же About. Убедись, что текст хорошо отформатирован и его не стыдно ни показать, ни прочитать. Отключи в сообщении комментарии и бэклинки. Ты ведь на самом деле не хочешь, чтобы кто-то комментировал информацию о тебе? Затем сохрани пост задним числом. Например, прошлым годом, чтобы он не отображался в твоей RSS ленте. Для этого в форме для создания сообщения щелкни ссылку Настройки сообщения и выставь сообщению прошлогоднюю дату.
Меню для блога
Осталось дать ссылку в меню на созданные страницы блога. И вот это самое меню нужно сначала создать.
- Открой Макет - Редактор HTML и найди следующий код (или похожий):
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ruby Brewed (Header)' type='Header'/>
</b:section> - Отредактируй первую строку следующим образом:
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
- И сразу задай стили CSS:
#header ul li {
display: inline;
padding:0 5px;
}
Корректировка: Стили добавляй в том же Редакторе шаблонов HTML сразу перед закрывающим тегом:]]></b:skin>
Или смотри краткую справку по добавлению стилей CSS. - Затем иди в Макет - Элементы страницы и добавь прямо в заголовок новый гаджет Список ссылок и в него-то и добавь ссылки на свои статические страницы.
Всё. Занавес. Аплодисменты!
И благодарности очаровательной ведущей блога Web Design For Idiots за рецепт Creating Static Pages using Blogger.
20 Комментариев :
thanks for the kudos!!! Static pages on a blog are an ABSOLUTELY MUST!!!!!
Thanks for the tutorial! Sure, these static pages are really useful thing.
Спасибо попробуем :)
А у тебя тут интересно!
Не получилось!
" И сразу задай стили CSS:
#header ul li {
display: inline;
padding:0 5px; "
}
не нашёл и что тут изменить нужно?
Спасибо
Sergey, спасибо за отзыв. Эта техника мной проверена на моей «тестовой площадке». Наверное, я просто не указал где прописывать стили. Для меня это уже как само собой разумеющееся, а пользователям может быть непонятно. Сейчас исправлю.
Стили вставляешь сразу перед закрывающим тегом:
]]></b:skin>
В этом блоге есть заметка по добавлению стилей CSS Куда же вставить этот CSS?.
Постараюсь не забывать ее указывать :)
Спасибо за совет, надо попробовать!
a13x4ndr, там может быть (и скорее всего будет) одна сложность – список ссылок добавится сверху, а не под заголовком. Один из вариантов решения:
1. В редакторе HTML в widget id='Header1' замени locked='true' на locked='false';
2. В «Макет - Элементы страницы» перетащи гаджет «Список ссылок» в любой другой раздел, а потом обратно под заголовок.
Попробовала создать Линк-бар вашим способом.
Это действительно то, что я и имела ввиду задавая свой вопрос на форуме.
Линк-бар конечно же создался( я задала 5 разделов) в самом верху макета.
Попробовала перетащить его вначале в другой раздел, а потом под шапку блога, но линки тогда выстраиваются столбиком, а не в горизонтальном порядке.
Попробую еще этот вариант :" В редакторе HTML в widget id='Header1' замени locked='true' на locked='false';"
И сразу по ходу вопрос такой Полска с линками получается не узенькой , а довольно широкой по высоте.
Нельзя ли ее как-то сузить, чтобы аккуратная полосочка получалась.?
prokofevna, ко мне лучше на "ты" :)
Чтобы сузить список, надо добавить в стили такое правило:
#header ul {
margin:0;
padding:0;
}
Это все. Список может получиться слишком узкий, так что поясню:
margin – это внешние отступы;
padding – внутренние поля;
Размер обоих параметров можно задавать в пикселах. Например:
margin: 5px;
Спасибо...
Помаленьку укореняю твои советы в свой тестовой блог...
Ко мне тоже обращение на ТЫ очень приветствуется...
А если просто создать пост задним числом и вынести ссылку на него в левый сайд бар в отдельное подменю?
Все зависит от целей и от того как спроектирован интерфейс на блоге.
Цель - сделать карту блога со списком всех постов по рубрикам (тегам).
Если горизонтальное меню для блога не нужно, этот раздел можно пропустить. Остальное ничем кардинально не отличается.
А если нужно в этой странице вставить всякие там виджеты и скрипты? (чтоб разгрузить основную страницу) А окно(где мы обычно пишем текст, вставляем картинки) не воспринимает скрипты :((... Как создать номальную страничку, куда можно отдельно вставлять скрипты .....? (подписываюсь на рассылку - крутой блог, хорошо. что попал сюда)
Стандартные виджеты Blogger на отдельной странице использовать не получится. А вот сторонние виджеты, которые представлены скриптами (javascript) можно. Только скрипты должны быть записаны в одну строку. Во всяком случае для блогов, коих ИМХО большинство, у которых в «Настройки» - «Форматирование» установлен режим «Преобразовывать разрывы строк»
Спасибо огромное за этот пост! Сделала все как было описано, но эту страничку "Обо мне" теперь у меня видно в Архиве блога как декабрь 2008 года )) можно ли как-то это устранить? Сам гаджет "Архив блога" я бы хотела оставить
Марина, если коротко, то нельзя. Эта страница так или иначе будет в списке постов, а значит – и в архиве.
Если развернуто, то можно скрыть ссылку на страницу, чтобы она не отображалась в гаджете Архив. Даже несколькими способами. Но это как раз та ситуация, когда «проблема» не стоит средств, затраченных на ее «решение» :)
Все, теперь проблема решена. В Blogger In Draft теперь можно создавать до 10-ти статических страниц.
Добрый день!
Очень прошу подскажите КАК отключить вывод названия статичной страницы в её заголовок???
Совершенно сломал голову по этому поводу!
Заранее спасибо!!! :((
Отправить комментарий
Жги!