Если ты планируешь использовать собственный блог для продвижения своих услуг, будь то веб-разработка, дизайн или грудное вскармливание кроликов породы Французский Вислоухий, тебе понадобится как минимум две статические страницы. Первая из них – «Обо мне» 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.
Читать дальше »