Структура шаблона blogger

tweetn
Страница находится в процессе разработки

Раздел макета Blogger

состоит из секций и виджетов ( гаджетов). Секции определяют области страницы, такие как, боковая панель, нижний колонтитул и т. д. Виджеты - это отдельные интерфейсные элементы страницы: список, картинка  и т. д. Список всех доступных виджетов можно увидеть и добавить в шаблон на странице «Дизайн» > «Элементы страниц». Вне секций шаблон Blogger может содержать любой HTML код.

Каждая секция в  шаблоне имеет открывающий и закрывающий теги, пример:
<b:section id='header' class='header' maxwidgets="1" showaddelement="no"> 
</b:section>
где параметры тега:
* id - (обяз.) уникальный идентификатор, состоящий  из букв и цифр.
* class - (необяз.) имя класса; общепринятые имена классов в шаблонах - 'navbar', 'header', 'main', 'sidebar' и 'footer'. Если Вы когда-нибудь решите перейти на другой шаблон, эти имена помогут Blogger определить, как правильно перенести содержимое секций в этот шаблон. Однако можете использовать и другие имена.
* maxwidgets - (необяз.) максимальное количество виджетов, разрешенное в данной секции. Если параметр отсутствукт, то количество виджетов неограничено.
* showaddelement - (необяз.) определяет, будет или нет показываться ссылка «Добавить гаджет» для данной секции в режиме визуального редактирования шаблона. Параметр может иметь значения 'yes' ( будет показываться ссылка «Добавить гаджет») или 'no' , по умолчанию - 'yes'.
* growth - (необяз.) этот параметр определяет, в каком направлении будут выстраиваться виджеты внутри секции. Параметр может иметь значения 'horizontal'  или 'vertical'. Значение по умолчанию - 'vertical'.


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

  • Язык Html состоит из элементов разметки(теги), которые заключаются в угловые скобки  < >
  • Имя тега это одна или больше латинских букв.
  • Теги бывают парные(как правило) и одиночными.
  • Парные теги состоят из двух частей открывающего тега(<li>) и закрывающего(/li).
  • Одиночный тег будет записан вот так <имя_тега атрибуты /> (слэш перед закрывающей угловой скобкой  не обязателен, он не является требованием языка HTML, а его требует развитие языка XML, который используется для Blogger).
Имена тегов :
div (пар.) - определение блока в документе
span (пар.) - определение области в документе
p (пар.) - параграф
center (пар.) - выровнять блок по центру
b (пар.) - выделенный полужирным шрифтом
strong (пар.) - выделенный (как правило полужирным шрифтом)
a (пар.) - ссылка
img (пар.) - рисунок
br (одиночный) - признак новой строки
object (пар.) - может появится если вы вставляете видео в вашу статью
embed (пар.) - может появится если вы вставляете видео в вашу статью
parm (пар.) - может появится если вы вставляете видео в вашу статью

В простейшей форме код виджета можно представить в виде одиночного тега, который обозначает место для заполнения и указывает, каким образом данный элемент будет обрабатываться в режиме визуального редактирования шаблона.  Реальные данные для любого установленного виджета хранятся в базе данных Blogger, доступ к которым происходит в момент отображения виджета.
Заголовок страницы:
<b:widget id="header" locked="yes" type="HeaderView">
Cписок:
<b:widget id="myList" locked="no" title="My Favorite Things" type="ListView">

Виджет может иметь такие параметры:

* id - (обяз.) идентификатор виджета. Идентификатор может состоять только из буквенно-цифровых символов, должен быть уникальным в пределах шаблона. ID может быть изменен только посредством удаления данного виджета и создания нового.
* type - (обяз.) определяет тип виджета. Возможные значения типов виджетов:
В настоящее время список виджетов весьма широк. Перечень их можно увидеть щелкнув по ссылке «Добавить гаджет».
* locked - (необяз.) определяет, является ли данный виджет заблокированным. Параметр может иметь значения 'yes' или 'no'; по умолчанию - 'no'. Такой виджет нельзя переместить или удалить в режиме визуального редактироваия шаблона (вкладка «Дизайн» > «Элементы страницы» в панели инструментов Blogger).
* title - (необяз.) отображаемый заголовок виджета. Если параметр опущен, будет использовано значение по умолчанию, например для списка 'List1' .
* pageType - (необяз.) тип страницы. Параметр принимает значения 'all' (все), 'archive' (архивная), 'main' (главная), 'item' (сообщение);  по умолчанию - 'all'. Виджет будет отображаться только на тех страницах Вашего блога, тип которых определен данным параметром. Однако в режиме визуального редактирования шаблона отображаются все виджеты, не зависимо от параметров pageType.

В опубликованных страницах блога все теги <b:section> и <b:widget>  будут замещены тегами<div> с соответствующими идентификаторами ID. Поэтому  можете  ссылаться, например, на div#header или div#myList в Ваших таблицах стилей, если есть такая необходимость.
Термины(terms) небольшая подборка
Читать далее продолжение поста Структура шаблона blogger