На фоне множества бесплатных блогохостингов Blogger от Google выделяется рядом привлекательных черт. Надежность хостинга, бесплатность, отсутствие навязываемой рекламы, а наоборот - возможность заработать на показах рекламы в своем блоге, удобство формирования внешнего вида блога и набора используемых сервисов, возможность использования в блоге всего разнообразия сервисов, предоставляемых Google, и так далее.Попробуем описать весь цикл построения своего блога на сервисе Blogger.
Естественным первым желанием нового владельца блога становится индивидуализация блога с уходом от первоначального стандартного оформления. Blogger предоставляет пользователю возможности изменения внешнего вида блога в самых широких пределах.
- тег <b:skin>...</b:skin>, в котором описываются переменные оформления и CSS разметки страницы;
- тег <b:section>...</b:section>, описывающий секции разметки страницы блога.
В HTML-коде шаблона внутри тега <body>...</body> задается построение страницы блога путем использования стандартных средств HTML-разметки и CSS, определенного в теге <b:skin>. В тех местах шаблона, в которых предполагается вывод данных блога, вставляются теги <b:section>. В этих тегах задаются названия секций данных (id), CSS-класс секции (class), максимальное количество активных программных элементов, допустимых в секции (maxwidgets), индикатор появления метки добавления программного элемента на странице визуальной настройки шаблона (showaddelement), порядок расположения активных элементов в секции (growth). Из всех полей описания секции обязательным является только id. Остальные могут не описываться и принимают значения по умолчанию, описанные в справке Blogger.
После того как шаблон создан (при условии, что создан он правильно), на страницах визуальной настройки шаблона появляется возможность как менять в интерактивном режиме цвета и шрифты шаблона, так и добавлять и перемещать активные элементы блога. Активные элементы, если судить по названию поля секции maxwidgets, должны называться виджетами, но называются они в дальнейшем гаджетами. Это связано с тем, что по мере развития концепции модульного построения веб-страниц Google чисто визуальные элементы (виджеты) трансформировались в многофункциональные программные модули (гаджеты), а название поля в описании секции осталось прежним в соответствии с одним из золотых правил программирования «не трогай то, что работает».
Приведенное описание нужно только для предварительного понимания построения шаблонов, и оно не означает, что каждому пользователю блога придется самостоятельно разрабатывать тему оформления. Blogger оснащен комплектом стандартных шаблонов, которые можно предварительно настраивать при выборе шаблона, а затем менять по своему вкусу шрифты и цвета выбранного шаблона на соответствующей вкладке страницы настроек макета. Кроме того, для системы Blogger разработано огромное количество бесплатных и платных шаблонов от сторонних разработчиков.
Теперь на основе полученных первоначальных сведений попробуем настроить внешний вид блога.
К счастью, пользовательское соглашение Blogger не навязывает владельцам блогов обязательного присутствия на странице этой панели. Панель не присутствует в теле шаблона, но отображается плавающим фреймом (iframe), который можно сделать невидимым средствами CSS. Для этого перед тегом <body> шаблона на вкладке «Изменить HTML» добавляем следующие строки:
<style type="text/css">
#navbar-iframe {display: none !important;}
</style>
После этого навигационная панель со страницы исчезнет. Сюда же можно добавить и другие CSS-определения для дополнительной коррекции внешнего вида блога.
Теперь желательно восстановить полезные функции, исчезнувшие с удалением навигационной панели.
Поиск по блогу организуется путем добавления гаджета HTML/JavaScript. На странице настроек гаджета название меняем, например, на «Поиск в блоге», а в поле «Содержание» пишем:
<nobr><form id="searchthis" method="get" action="/search" style="display:inline;"><input id="search-box" name="q" type="text" size="20"/> <input id="search-btn" type="submit" value="Поиск"/></form></nobr>
Получается функция поиска, полностью аналогичная той, что была в навигационной панели.
Полностью эквивалентной замены полям настроек навигационной панели нет, но перейти на страницу настроек можно по ссылке на стандартном гаджете «Логотип». Для этого нужно лишь добавить гаджет в нужное место на странице и поменять в настройках его внешний вид, выбрав один из предложенных вариантов.
Оснащение блога дополнительной функциональностью и будет темой следующей статьи.
Ссылки по теме
Сообщения
11 коммент.:
Спасибо, очень полезная и качественно написанная статья. Для тех кто создаёт блоги на Блоггере очень будет полезно её прочтение.
Это первая часть - на очереди еще две - одна готова, одна готовится.
Ждём с нетерпением. Кстати ваш блог очень красиво выглядит. Респект.
Тема блога - какая-то из стандартных, только порезанная, преобразованая в "резиновую" и с поменянными цветами-шрифтами. Если интересно, то могу выложить тему в виде поста.
Вот - нашел - тема "Rounder 2"
Да Владимир, интересно :о)
Выложил http://vl-ognev.blogspot.com/2008/09/29092008.html
Спасибо за статью. Полезно
Да пожалуйста - приходите еще. :)
Владимир, а не подскажите что можно сделать, когда любой поиск по блогу перестает вдруг работать. Вначале все работало. Перелопатила уже кучу информации, но я так поняла эта проблема не у меня одной, но хоть бы где кто написал как ее решить? Для меня это очень актуально! Помогите!
Спасибо, Владимир! Всё, что написали пригодилось в хозяйстве.
Отправить комментарий