суббота, 7 марта 2009 г.

Статические страницы в Blogger

Если ты планируешь использовать собственный блог для продвижения своих услуг, будь то веб-разработка, дизайн или грудное вскармливание кроликов породы Французский Вислоухий, тебе понадобится как минимум две статические страницы. Первая из них – «Обо мне» aka “About”, с коротким рассказом о себе-любимом и информацией о предлагаемых услугах. Пулитцеровскую премию за сей опус ты вряд ли получишь, а вот потенциального работодателя заинтересовать скорей всего сможешь. Ты же блоггер! Помнишь?


И тогда, в нетерпении нервно притоптывающий обеими задними ногами, работодатель уж точно озадачится вопросом как с тобой связаться. Вот для этого и предназначена страница «Контакты» или “Contact”. И именно туда ты можешь от души напихать своих твиттеров, асек и электропочт. Ага! – под завязку!


ПользаУже чуешь для чего нужны статические страницы в блоге и какая от них польза? Тогда идем дальше. Создать эти самые статические страницы нам поможет совет от блога Web Design For Idiots. Да, блог полностью соответствует своему названию, поэтому я на него и подписан ;).


Статические страницы


Перво-наперво создай новый пост. К примеру, тот же “About”. Убедись, что текст хорошо отформатирован и его не стыдно ни показать, ни прочитать. Отключи в сообщении комментарии и бэклинки. Ты ведь на самом деле не хочешь, чтобы кто-то комментировал информацию о тебе? Затем сохрани пост задним числом. Например, прошлым годом, чтобы он не отображался в твоей RSS ленте. Для этого в форме для создания сообщения щелкни ссылку Настройки сообщения и выставь сообщению прошлогоднюю дату.


Меню для блога


Осталось дать ссылку в меню на созданные страницы блога. И вот это самое меню нужно сначала создать.


  1. Открой Макет - Редактор 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>
  2. Отредактируй первую строку следующим образом:
    <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
  3. И сразу задай стили CSS:
    #header ul li {
    display: inline;
    padding:0 5px;
    }

    Корректировка: Стили добавляй в том же Редакторе шаблонов HTML сразу перед закрывающим тегом:
    ]]></b:skin>

    Или смотри краткую справку по добавлению стилей CSS.
  4. Затем иди в Макет - Элементы страницы и добавь прямо в заголовок новый гаджет Список ссылок и в него-то и добавь ссылки на свои статические страницы.

the idiot girlВсё. Занавес. Аплодисменты!
И благодарности очаровательной ведущей блога Web Design For Idiots за рецепт Creating Static Pages using Blogger.


20 Комментариев :

lindsayanng комментирует...

thanks for the kudos!!! Static pages on a blog are an ABSOLUTELY MUST!!!!!

Croaker комментирует...

Thanks for the tutorial! Sure, these static pages are really useful thing.

Sergey комментирует...

Спасибо попробуем :)
А у тебя тут интересно!

Sergey комментирует...

Не получилось!

" И сразу задай стили CSS:

#header ul li {
display: inline;
padding:0 5px; "
}
не нашёл и что тут изменить нужно?
Спасибо

Croaker комментирует...

Sergey, спасибо за отзыв. Эта техника мной проверена на моей «тестовой площадке». Наверное, я просто не указал где прописывать стили. Для меня это уже как само собой разумеющееся, а пользователям может быть непонятно. Сейчас исправлю.
Стили вставляешь сразу перед закрывающим тегом:
]]></b:skin>
В этом блоге есть заметка по добавлению стилей CSS Куда же вставить этот CSS?.
Постараюсь не забывать ее указывать :)

a13x4ndr комментирует...

Спасибо за совет, надо попробовать!

Croaker комментирует...

a13x4ndr, там может быть (и скорее всего будет) одна сложность – список ссылок добавится сверху, а не под заголовком. Один из вариантов решения:
1. В редакторе HTML в widget id='Header1' замени locked='true' на locked='false';
2. В «Макет - Элементы страницы» перетащи гаджет «Список ссылок» в любой другой раздел, а потом обратно под заголовок.

prokofevna комментирует...

Попробовала создать Линк-бар вашим способом.
Это действительно то, что я и имела ввиду задавая свой вопрос на форуме.
Линк-бар конечно же создался( я задала 5 разделов) в самом верху макета.
Попробовала перетащить его вначале в другой раздел, а потом под шапку блога, но линки тогда выстраиваются столбиком, а не в горизонтальном порядке.
Попробую еще этот вариант :" В редакторе HTML в widget id='Header1' замени locked='true' на locked='false';"
И сразу по ходу вопрос такой Полска с линками получается не узенькой , а довольно широкой по высоте.
Нельзя ли ее как-то сузить, чтобы аккуратная полосочка получалась.?

Croaker комментирует...

prokofevna, ко мне лучше на "ты" :)

Чтобы сузить список, надо добавить в стили такое правило:
#header ul {
margin:0;
padding:0;
}

Это все. Список может получиться слишком узкий, так что поясню:
margin – это внешние отступы;
padding – внутренние поля;
Размер обоих параметров можно задавать в пикселах. Например:
margin: 5px;

prokofevna комментирует...

Спасибо...
Помаленьку укореняю твои советы в свой тестовой блог...
Ко мне тоже обращение на ТЫ очень приветствуется...

Бродячий Проповедник комментирует...

А если просто создать пост задним числом и вынести ссылку на него в левый сайд бар в отдельное подменю?

Croaker комментирует...

Все зависит от целей и от того как спроектирован интерфейс на блоге.

Бродячий Проповедник комментирует...

Цель - сделать карту блога со списком всех постов по рубрикам (тегам).

Croaker комментирует...

Если горизонтальное меню для блога не нужно, этот раздел можно пропустить. Остальное ничем кардинально не отличается.

Sunny комментирует...

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

Croaker комментирует...

Стандартные виджеты Blogger на отдельной странице использовать не получится. А вот сторонние виджеты, которые представлены скриптами (javascript) можно. Только скрипты должны быть записаны в одну строку. Во всяком случае для блогов, коих ИМХО большинство, у которых в «Настройки» - «Форматирование» установлен режим «Преобразовывать разрывы строк»

Марина Скачек комментирует...

Спасибо огромное за этот пост! Сделала все как было описано, но эту страничку "Обо мне" теперь у меня видно в Архиве блога как декабрь 2008 года )) можно ли как-то это устранить? Сам гаджет "Архив блога" я бы хотела оставить

Croaker комментирует...

Марина, если коротко, то нельзя. Эта страница так или иначе будет в списке постов, а значит – и в архиве.

Если развернуто, то можно скрыть ссылку на страницу, чтобы она не отображалась в гаджете Архив. Даже несколькими способами. Но это как раз та ситуация, когда «проблема» не стоит средств, затраченных на ее «решение» :)

Count Raven Amiant комментирует...

Все, теперь проблема решена. В Blogger In Draft теперь можно создавать до 10-ти статических страниц.

Анонимный комментирует...

Добрый день!
Очень прошу подскажите КАК отключить вывод названия статичной страницы в её заголовок???
Совершенно сломал голову по этому поводу!
Заранее спасибо!!! :((

Отправить комментарий

Жги!