Страницы блога и условия в шаблонах

Опубликовано:
Оглавление:

Строение блога

Главная страница

Каждый блог на Blogger имеет главную (домашнюю) страницу. Она в шаблоне называется data:blog.homepageUrl и представлена ссылкой: /.
То есть:
vash_blog.blogspot.ru
или
vash_blog.com (если привязан купленный домен)

На главной странице согласно датам публикации (всегда старые снизу, новые сверху - по умолчанию в классических шаблонах) размещается перечень публикаций (статей, постов - далее по тексту "сообщений"). Они могут отображаться полностью или в укороченном виде, если вы пользовались функцией cut.
Абсолютно все сообщения попадают на главную страницу. Это закон. Есть хитрости по подмене главной страницы, но по умолчанию в блогах всё происходит так, как описано в предыдущем предложении.
На скриншоте стрелками отмечены все публикации, видимые с главной страницы:

Главная страница в Blogger

Обратите внимание - в каждая публикация укорочена ссылкой "подробнее". Иначе бы в полноразмерном виде все статьи не смогли поместиться на странице.

Условия отображения элементов только на домашней странице:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
содержимое
</b:if>

Сообщения

Каждая ссылка анонса или полнотекстового варианта вашей статьи ведёт на внутреннюю страницу сообщения. В шаблоне внутренняя страница называется item.
Сообщения используются для написания статей!
Эта страница представлена ссылкой:
http://vash_blog.blogspot.ru/2013/08/nazvanie-stati.html
или
http://vash_blog.com/2013/08/nazvanie-stati.html (если привязан купленный домен)

Пример внутренней страницы (сообщения) того же блога:

Страница сообщения в Blogger

Сообщений в блоге может быть очень много, но существует лимит для публикаций в сутки - не более 50 штук, после чего появится капча.

Подробнее о ссылке /2013/08/nazvanie-stati.html.
Технически /2013/ и /08/ (это даты, в данном примере - август 2013 года) являются настоящими разделами блога, так как по ним выводятся списки сообщений, связанные с этими промежутками времени. Отвечает за вывод гаджет Архив блога.

Условия отображения элементов только на страницах сообщений:
<b:if cond='data:blog.pageType == "item"'>
содержимое
</b:if>

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

Эти страницы пользователи часто путают с разделами и жалуются, что не могут на них публиковать ленты сообщений.
Лента сообщений публикуется только на главной странице!
Эта страница представлена ссылкой:
http://vash_blog.blogspot.ru/p/nazvanie-stranici.html
или
http://vash_blog.com/p/nazvanie-stranici.html (если привязан купленный домен)

Так же как и сообщения, статическая страница имеет полноценный редактор и все необходимые настройки, но цель эти страниц другая.
Статические страницы используются для системных нужд блога: страницы "оглавление", "об авторе", "обратная связь", "реклама". Они не используются для написания статей!
Статических страниц допускается создавать не более 20 штук на один блог.

Статическая страница с оглавлением (карта блога - список всех сообщений, реализована через сторонний скрипт):

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

Называется статическая страница в шаблоне - static_page.

Условия отображения элементов только на статических страницах:
<b:if cond='data:blog.pageType == "static_page"'>
содержимое
</b:if>

Страницы Архива

Наличие в блоге гаджета Архив блога автоматически активирует генерацию архивных страниц в соответствии с настройками этого гаджета.
Архивные страницы рекомендуется закрывать от индексации. Сделать это можно, добавив в robots.txt правило: Disallow: /*archive.html
Эти страницы представлены ссылкой:
http://vash_blog.blogspot.ru/2013_08_01_archive.html
или
http://vash_blog.com/2013_08_01_archive.html (если привязан купленный домен)

Архивные страницы содержат ленту постов за определённый период. В примере у ссылки - за август 2013 года с определённым количеством публикаций (анонсов или полнотекстовых вариантов вашей статей).

Раньше в админ-интерфейсе Blogger были настройки архивов блога, но в новой версии интерфейса эту возможность убрали.

Название в шаблоне - archive.

Условия отображения элементов только на архивных страницах:
<b:if cond='data:blog.pageType == "archive"'>
содержимое
</b:if>

Страницы Ярлыков

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

Ярлыки в Blogger ошибочно сравниваются с категориями. Изначально они закрыты от индексации поисковых систем в robots.txt (правило: Disallow: /search) и открывать их не рекомендуется.

Эти страницы представлены ссылкой:
http://vash_blog.blogspot.ru/search/label/Ярлык (называние ярлыка)
или
http://vash_blog.com/search/label/Ярлык (если привязан купленный домен)

Название в шаблоне - data:blog.searchLabel.

Условия отображения элементов только на страницах ярлыков:
<b:if cond='data:blog.searchLabel'>
содержимое
</b:if>
Условия отображения элементов на странице конкретного ярлыка:
<b:if cond='data:blog.searchLabel == &quot;название_ярлыка&quot;'>содержимое</b:if>

Страницы поиска

Это страницы с поисковыми результатами.
Имеют вид:
http://vash_blog.blogspot.ru/search?q=запрос (называние запроса)
или
http://vash_blog.com/search?q=запрос (если привязан купленный домен)

Данные страниц можно встретить, воспользовавшись поиском через Navbar (не путать с гаджетом Поиск!), либо в самодельном поисковом гаджете
Название в шаблоне - data:blog.searchQuery.

Пример условия для поисковой страницы:

<b:if cond='data:blog.searchQuery'>
Содержимое
</b:if>
Например, изменим title блога на всех поисковых страницах:
<b:if cond='data:blog.searchQuery'>
<title>Результат для :: <data:blog.searchQuery/> :: | Мой блог</title>
</b:if>

Страницы навигации

Эти страницы можно встретить в результатах пользовательского поиска или через нажатия на ссылки "следующее", "предыдущее".

Страницы навигации:
http://vash_blog.blogspot.ru/search?updated-max=2013-07-25T02:46:00-07:00&max-results=4
или
http://ash_blog.com/search?updated-max=2013-07-25T02:46:00-07:00&max-results=4

Здесь, помимо базового параметра search присутствуют условия обновления и максимального количества результатов на страницу.

Эти страницы подчинены правилу в robots.txt для страниц ярлыков, поэтому индексации поисковыми системами не подлежат.

Условия отображения элементов только на внутренних страницах - ярлыков, сообщений, навигации, архивов:
<b:if cond='data:blog.pageType == "index"'>
содержимое
</b:if>

Страница 404

Эта страница не имеет фиксированного URL и отображается, когда пользователь прошёл по битой ссылке.
На подобных страницах размещается сообщение, что искомого материала не существует. 
Настраивается страница в админ-интерфейсе Настройки - Настройки поиска - Ошибки и переадресации - Персонализированное сообщение об ошибке "Страница не найдена".

Пример пользовательской страницы 404 (страница не найдена):

Страница 404 в Blogger

По умолчанию в Blogger выводится вот такая надпись:

Страница 404 по умолчанию в Blogger
Чтобы сделать красивую страницу 404, нужно предварительно в любом тестовом сообщении блога сверстать то, что вы хотите видеть на этой странице, затем добавить html-код в настройки админ-интерфейса Blogger (см. выше).

В шаблоне страница 404 называется error_page.
Пример условия отображения элементов только на странице 404:
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>содержимое</b:if>

Страницы с описаниями

Это те страницы блога, которые содержат описания для поисковых систем, т.е. с заполненным мета-тегом Description.
Ими могут быть и главная страница, и статическая и сообщение, в зависимости от того, к какой составлено описание.

Интересное условие для отображение элементов только на тех страницах, где есть описание:
<b:if cond='data:blog.metaDescription'>содержимое</b:if>

Дополнительные условия:

Отображать элементы на конкретной странице:
<b:if cond='data:blog.url == "url_страницы"'>
содержимое
</b:if>
Отображать элементы везде, кроме:
"!=" - означает кроме. Пример (везде, кроме главной страницы):
<b:if cond='data:blog.url != data:blog.homepageUrl'>
содержимое
</b:if>

Полезные ссылки:
Как применять условия отображения гаджетов на различных страницах.

Ярлыки:

Маленькие секреты социальной сети "Google+"

Опубликовано:
Корпорация Google наблюдая за успехами Facebook и Twitter, долгое время пыталась запустить собственную социальную сеть.

В конечном итоге, в конце июня 2011 года было официально сообщено о начале работы социальной сети "Google+".

Этому событию предшествовал определенный разогрев интереса интернет-аудитории, а именно публикации яко бы инсайдерской информации и тому подобное.

Подобными публикациями был сформирован интерес к этому продукту  Google и не удивительно, что за первый месяц работы Google плюс в этой соц сети зарегистрировалось 25 млн. пользователей. Просто поражающий результат.

Google плюс по замыслу разработчиков, не только социальная сеть - это сервис, который объединяет ресурсы Google и пользователей интернет.

Мы постараемся раскрыть маленькие секреты по работе с этой социальной сетью.

Профиль пользователя  Google+

Установление обложки и фотографии

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

Для того что бы сменить обложку, войдите в меню Профиль и нажмите на кнопку "Сменить обложку", которая размещена в правой нижней части обложки (смотри на рисунке ниже).

Дизайн профиля в Google плюс

Вы можете добавить изображение для обложки:
  • Из галереи;
  • С компьютера;
  • Альбомов;
  • Из фото для обложки.

В галерее находятся стандартные обложки. Если вы хотите установить какую то оригинальную картинку в качестве обложки:
1. Помните, что изображение должно быть четкое и довольно большого размера.
2. Найдите соответствующее изображение у себя на компьютере или в альбомах Picasa.

Маленький секрет номер 1 - зайдите на сайт Техдизайнер.ru или на аналогичный сайт, там много очень интересных работ.

Для изменения фотографии нажмите на картинку в нижнем левом углу. Загрузите соответствующую картинку (фотографию). Маленький секрет номер 2 - если вы вебмастер и хотите подтвердить авторство, связав ваш сайт с профилем Google+, вы должны знать, что для отображения в расширенном сниппете подойдет не любая фотография. Обязательно должно быть четко видно лицо. Любые изображения, не являющиеся фотографией человека, в расширенном сниппете не отображаются.

Раздел "О себе"

Этот разделы заполняете в том объеме, в каком посчитаете нужным.

Маленький секрет номер 3 - для подтверждения авторства в Гугл нужно заполнить подраздел "Контактная информация" - "Рабочие контакты" и добавить ссылку на сайт в подраздел "Мои публикации". Кроме того, очень желательно заполнить подразделы "История" и "Ссылки" разместив в них ссылки на свои сайты. В настройках приватности подраздел "Мои публикации", "История" и "Ссылки" желательно установить статус "Для всех".

Раздел "Записи"

В этом разделе вы размещаете любой контент, который хотите разместить и которым хотите поделиться.
Добавить ссылку в Google плюс

Секрет номер 4 - ссылка на сайт может быть размещена как непосредственно в текстовом поле формы сообщения, так и в одноименной опции "Ссылка". Рекомендуем ссылки на сайт добавлять именно через опцию "Ссылка".

Сообщение в Google плюс

Раздел "Люди"

Активно ищите единомышленников. Создавайте круги общения по интересам и добавляйте в них людей.
Добавить в круги Google плюс

При публикации контента вы можете удобно управлять своей аудиторией.

Раздел "Сообщества"

Станьте боллее социальным. Создавайте свои сообщества в  Google+ и добавляйтесь в уже созданные. Размещайте в сообществах нужный вам контент. Если сообщество достаточно активно, то вы имеете хорошие шансы привлечь дополнительный трафик с Google+.

Раздел "Страницы"

Кроме сообществ  Google плюс позволяет создавать отдельные страницы. Это особенно актуально для вебмастеров, у которых несколько сайтов. Желательно, что бы каждый сайт имел свою страницу в Google+ и был связан с профилем Google плюс.

Дополнительные информационные материалы для владельцов блогов, созданных на Blogger:
Blogger - интеграция с социальными сетями
Обновление Google+, Blogger и мета-тег description
Путеводитель по гаджетам для блога

Ярлыки:

Путеводитель по гаджетам для блога

Опубликовано:
Blogger, как и любая платформа блогов, имеет собственный набор виджетов (далее гаджетов), называемых официальными. То есть - это то, что предлагают разработчики Google & Blogger "из коробки". Они охватывают почти все современные функции блогодвижков и вполне соответствуют требованиям, предъявляемым веб-мастерами к своим сайтам (форма обратной связи, блоки Adsense, популярные сообщения, последние комментарии и т.д.).

Ниже будет представлен обзор всех актуальных официальных гаджетов с кратким описанием и примером использования.

Оглавление гаджетов.


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

О шаблоне

Первое условие, необходимое для нормального функционирования гаджетов, - это соответствующая разметка шаблона блога.

Макет разметки настраивается в Дизайнере шаблонов:

Настройка макета шаблона в Blogger

Здесь можно выбрать требуемое количество колонок для своего блога. Следует учесть, что Дизайнер может не поддерживать сторонний (не официальный) шаблон для Blogger.

Добавление нужных гаджетов производится во вкладке Дизайн в панели управления Blogger:

Настройка гаджетов в Blogger

Базовые элементы доступны для редактирования, созданные гаджеты можно передвигать (менять местами, переносить и удалять).

Шаблоны в Blogger условно можно разделить на две группы:
  • обычные
  • динамические
В динамических (ajax) шаблонах (Динамический просмотр) работают не все гаджеты, а только: Архив блога, Популярные сообщения, Постоянные читатели (виджет FriendConnect), Рассылка обновлений по электронной почте, Изображения, Значок Google+, Подписчики Google+.
В коде шаблона гаджеты имеют своё наименование (идентификатор). Все гаджеты можно увидеть в разделе Шаблон - Изменить HTML - Список виджетов:


Например, гаджет Профиль называется Profile1, где цифрой обозначен уникальный порядковый номер гаджета в шаблоне.

Полезные ссылки:
Часто задаваемые вопросы по Blogger.
Как настроить шаблон Blogger.
Страницы блога и условия в шаблонах.

Гаджеты Blogger


Гаджет Кнопка +1

С помощью этой кнопки можно рекомендовать и делиться интересным материалом внутри социальной сети Google+.  Так же результат нажатия может отображаться в поисковом сниппете Google.

Настройки гаджета описывают различное поведение гуглокнопки "поделиться":

Гаджет кнопка +1

Вот так выглядит один из вариантов этого гаджета в блоге:

Гаджет кнопка +1 на блоге

В коде шаблона идентификатор - PlusOne.

Универсальный вариант кнопки +1 для всех сайтов.


Гаджет Подписчики Google+

Этот гаджет отображает всех, кто добавил вас в круги (подписался) в социальной сети Google+. На данный момент это самый актуальный способ подписки на блог.

Настройки гаджета:

Настройка гаджета подписчики Google+

Обратите внимание, что гаджет отображает подписчиков того профиля Google+, который у вас указан на вкладке Google+ в админ-панели Blogger (доступна только после переключения профиля Blogger на профиль Google+).

В настройках можно указать точный размер гаджета и цветовое оформление для тёмного шаблона.
Не забудьте во время или после создания гаджета переименовать его заголовок "Google+ Followers" на русский язык.

Так выглядит гаджет подписчиков на блоге:

Гаджет подписчики Google+

В коде шаблона идентификатор - PlusFollowers.

Подробнее о гаджете Подписчики Google+.


Гаджет Значок Google+

Данный гаджет отображает простую кнопку для подписки на вашу страницу в Google+.

Допускается указать цвет фона и размеры кнопки. Как и предыдущий гаджет, он зависит от указанного профиля на вкладке Google+ в админ-панели Blogger (доступна только после переключения профиля Blogger на профиль Google+).

Настройка гаджета значок Google+

Не забудьте во время или после создания гаджета переименовать его заголовок "Google+ Followers" на русский язык.

Гаджет значок Google+ на блоге:

Гаджет подписки Google+

В коде шаблона идентификатор - PlusBadge.

Остальные гаджеты социальной сети Google+.


Гаджет Переводчик

Очень эффективный гаджет, позволяет организовать перевод вашего блога практически на любой язык (который знаком переводчику Google). В Blogger сделана специальная версия этого гаджета в разных представлениях: вертикальный, горизонтальный и в виде раскрывающегося меню.

Настройки гаджета:

Настройка гаджета переводчик

Гаджет переводчика в вашем блоге будет выглядить так:

Гаджет переводчика на блоге

В коде шаблона идентификатор - Translate.

Настройка гаджета Переводчик.


Гаджет Рассылка обновлений по электронной почте

Этот гаджет имеет прямое отношение к вашей ленте на FeedBurner. Читатели, подписавшиеся через этот гаджет, будут получать на свой email ваши статьи в том виде, в каком они настроены в Blogger и FeedBurner.

Доступны настройки фида FeedBurner и переименования заголовка гаджета:

Настройка гаджета рассылки обновлений по электронной почте

Гаджет подписки по электронной почте (e-mail) на блоге:

Гаджет подписки на e-mail

В коде шаблона идентификатор - FollowByEmail.

Настройка подписки по e-mail.


Гаджет Популярные сообщения

Этот гаджет показывает фрагменты самых популярных сообщений в вашем блоге согласно внутренней статистике Blogger.

Доступны настройки за определённый период времени: неделя, месяц и за всё время.

Настройки гаджета популярных сообщений:

Настройка гаджета популярные сообщения

А вот так эффектно выглядит гаджет с уменьшенным изображением (берётся первая фотография из статьи, обязательно вставленная через Blogger) и фрагментом текста:

Гаджет популярные сообщения на блоге

В коде шаблона идентификатор - PopularPosts.

Настройка гаджета Популярные сообщения.


Гаджет Статистика блога

Гаджет выводит на страницу блога данные из внутренней статистики Blogger.

Представлены разные варианты счётчиков, причём возможен анимированный вариант "пульса" статистики. Данный гаджет полезен для рекламодателей.

Настройки гаджета:

Настройка гаджета статистика

Гаджет статистики в сайдбаре блога:

Вывод статистики на блоге

В коде шаблона идентификатор - Stats.


Гаджет Страницы блога

Этот гаджет добавляет панель с ссылками на статические страницы под шапку блога. В настройках регулируется отображение определённых страниц, так же их можно переименовать (переименуются только пункты в меню, но не сами страницы):

Настройка гаджета Страницы

На сторонних шаблонах этот гаджет может отображаться по-другому. Внешний вид регулируется при помощи CSS.
Меню (панель) из ссылок на статические страницы на блоге (шаблон Simple):

Панель со страницами на блоге

В коде шаблона идентификатор - PageList.

Настройка гаджета Страницы блога.


Гаджет Adsense

Этот гаджет представляет собой мини-конструктор объявлений для рекламной программы Adsense. Если ваш аккаунт Google не связан с аккаунтом Adsense, нужно подать заявку на участие (вкладка Прибыль в админ-панели Blogger). После её одобрения будут доступны остальные функции Adsense.

Настройки гаджета:

Настройка гаджета Adsense на Blogger

Внимание! Не следует подавать заявку на участие в программе Adsense сразу же после создания блога. Это распространённая ошибка! Если заявку отклонят, то придётся создавать ещё один аккаунт Google.

Чтобы участвовать в программе Adsense, блог должен быть качественным (50-100 авторских статей) и иметь хорошую посещаемость (от 300 уникальных посетителей в сутки), иначе вашу заявку отклонят, либо реклама не будет давать доход.

Перед подачей заявки обязательно ознакомьтесь с Правилами программы Adsense.

Гаджет Adsense в виде рекламного блока:

Рекламный блок Adsense на блоге

В коде шаблона идентификатор - Adsense.

Adsense на блоге.


Гаджет Окно поиска

При помощи этого гаджета в несколько кликов мыши можно поставить поисковую форму на ваш блог.

Поиск может осуществляться по блогу, связанным страницам и в интернете:

Настройка гаджета поиск на блоге

Следует заметить, что поиск не слишком чувствительный (для достижения лучшего результата попробуйте Google CSE), но его большой плюс - в лёгкой настройке внешнего вида при помощи CSS.

По умолчанию поисковая форма на блоге выглядит так:

Поисковая форма на странице блога

В коде шаблона идентификатор - CustomSearch.

Настройка поиска на блоге.


Гаджет HTML/Javascript

Самый важный гаджет в Blogger. Он поддерживает коды HTML, Javascript и CSS, способен заменить собой любой гаджет из официального набора. Используется для отображения на блоге сторонних гаджетов и кодов.

Настроек в гаджете нет, есть только поле ввода информации и заголовка.

Настройка гаджета  html javascript

Отображаем виджет группы ВКонтакте при помощи гаджета HTML/Javascript:

Использование javascript на блоге - виджет вконтакте

В коде шаблона идентификатор - HTML.

О гаджете HTML/Javascript.


Гаджет Текст

С помощью этого гаджета можно выводить в области блога любое текстовое сообщение, включая ссылки.

Типичное использование гаджета Текст - сообщение об условиях распространения контента или приветственное обращение к посетителям.

Настройки гаджета Текст:

Настройка гаджета Текст

Надпись в сайдбаре блога при помощи гаджета Текст:

Текстовая надпись в левой колонке блога

В коде шаблона идентификатор - Text.


Гаджет Изображение

Старый гаджет для загрузки и отображения картинок. Причём загруженные изображения можно связывать с ссылками и таким образом делать рекламные баннеры и кнопки.

Настройки гаджета:

Настройка гаджета Изображение

Доступны загрузки по URL и с жёсткого диска. Возможно автоматическое сжате до размера сайдбара.

А вот так выглядит картинка, закачанная через гаджет, на блоге:

Гаджет изображение - демонстрация работы на блоге

В коде шаблона идентификатор - Image.


Гаджет Показ Слайдов

Этот гаджет позволяет в миниатюрах прокручивать содержимое альбомов трёх популярных фотохостингов: Picasa, Flickr, Photobucket, а так же по URL канала.

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

Настройка гаджета:

Настройка гаджета показ слайдов

А вот так гаджет работает в блоге (небольшое слайдшоу):

Слайдшоу на блоге стандартными средствами

В коде шаблона идентификатор - Slideshow.


Гаджет Панель видео

Как можно догадаться из названия, этот гаджет отображает в заданной области ряд миниатюр видеороликов с Youtube.

Настроек в гаджете много:

Настройка гаджета панель видео

Можно сортировать по просмотрам, рейтингам и недавно добавленным роликам. В качестве источника возможно использование любого канала. Также присутствует возможность указать ключевые слова, по которым Blogger подберёт вероятно возможные видеоклипы.

Все ролики проигрываются вживую во встроенном плеере.

Наглядная демонстрация работы гаджета на блоге:

Гаджет видеороликов в Blogger

В коде шаблона идентификатор - VideoBar.

О гаджетах для Youtube.


Гаджет Опрос

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

Настройки:

Настройка гаджета Опрос

Как видно из скриншота, возможно много вариантов ответа, допустима их множественность, а так же есть лимит голосования по дате.

Голосования на блоге:

Как сделать голосование на блоге

В коде шаблона идентификатор - Poll.


Гаджет Blog List

Почему-то в русской версии интерфейса Blogger этот гаджет так и оставили не локализованным. А предназначение его следующее - показывать в сайдбаре блога миниатюры и анонсы статей любых блогов (хоть своих, хоть чужих).

Блоги добавляются непосредственно в настройках (ссылка Добавить блог в список):

Настройка гаджета Blog List
Причём возможен вывод не только изображения, заголовка, фрагмента текста статьи, но и фавикона донорского блога (синоним этого гаджета - BlogRoll или Список блогов).

Пример гаджета Blog List на блоге:

Гаджет список блогов

Показывать можно по одному анонсу из списка или конкретное количество (5, 10, 25 блогов).

В коде шаблона идентификатор - BlogList.

О гаджете Blog List.


Гаджет Список ссылок

При помощи этого гаджета можно быстро и удобно составлять любые списки ссылок. Данные для него заносятся непосредственно через настройки гаджета:

Настройка гаджета список ссылок

В которых указывается название и URL. Сортировка - по алфавиту (и обратно) и в порядке добавления.

Список ссылок на блоге:

Гаджет список ссылок на блоге

Ощутимый минус данного гаджета заключается в том, что нельзя (без редакции кода шаблона виджета) проставлять конкретным ссылкам атрибут rel="nofollow".

В коде шаблона идентификатор - LinkList.


Гаджет Список

Аналогичный предыдущему гаджету, Список тоже отображает перечень, не ссылок, а слов (обычного текста). Используется для создания списка интересов, желаний, достижений и т.д.

Настройки гаджета Список:

Настройка гаджета Список

В этой форме вносится требуемое количество пунктов в списке и настраиваются варианты сортировки - по алфавиту (и обратно) и в порядке добавления.

Вот таким образом выглядит гаджет Список на блоге:

Как создать список на блоге

В коде шаблона идентификатор - TextList.


Гаджет Канал

Ещё один старый и классный гаджет Канал позволяет транслировать содержимое канала (RSS или Atom различных версий) прямо к себе в блог. Таким образом можно оформить вывод  последних статей и последних комментариев на блоге, указав в качестве донора свой фид.

Настройки гаджета следующие:

Настройка гаджета Канал

Необходимо сначала указать фид (например, для "блоггеровского" блога достаточно вписать http://адрес_блога/atom.xml, и гаджет отобразит список ссылок из канала.

Максимальное количество ссылок ограничено пятью. Можно транслировать даты заголовков и автора. Обратите внимание, что гаджет к себе в заголовок берёт название донорского блога.

Вот так выводится содержимое блога через фид и гаджет Канал:

Импорт rss или atom на Blogger

В коде шаблона идентификатор - Feed.


Гаджет Новости

Данный гаджет предназначается для новостных блогов и выводит новости из Google по заданным меткам.

Настройки гаджета:

Настройка гаджета новости

На блоге новости смотрятся таким образом:

Гаджет последние новости на блоги для новостных сайтов

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

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

В коде шаблона идентификатор - NewsBar.


Гаджет Ярлыки

Один из самых востребованных гаджетов в Blogger. С его помощью можно формировать любые списки ярлыков (меток, которыми помечаются статьи). Причём таких гаджетов можно ставить несколько в блог и у каждого указывать определённые группы меток.

Например:
  1. Гаджет с называнием Инструменты + список меток брендов строительных инструментов
  2. Гаджет с названием Материалы + список меток с наименованиями строительных материалов

Настройка гаджета Ярлыки
При помощи Гаджета Ярлыки можно сделать популярный у блоггеров вид навигации - облако тегов.

Примеры гаджета Ярлыки на различных блогах.

В виде списка
Вариант 1:

Гаджет ярлыков или категорий в Blogger в виде списка

Вариант 2:

Гаджет ярлыков или категорий в Blogger в виде большого списка ссылок

В виде облака тегов

Вариант 1:

Облако тегов для Blogger
Вариант 2:

Цветное облако тегов

Облако по аналогии со списком можно тоже формировать из заданных ярлыков.

Оформляется внешне этот гаджет при помощи CSS.

В коде шаблона идентификатор - Label.

Настройка ярлыков в блоге.


Гаджет Ссылки на подписки

Этот гаджет прост и незатейлив - выводит две кнопки подписки (на фид сообщений и фид комментариев).

Из настроек доступно лишь изменить заголовок гаджета:

Настройка гаджета ссылки на подписки

Кнопки выглядят следующим образом:

Кнопки подписки на rss

В коде шаблона идентификатор - Subscribe.


Гаджет Логотип

Предназначается для ярых фанатов Blogger. Показывает кнопку с активной ссылкой на blogger.com.

В настройках гаджета можно выбрать различные официальные кнопки Blogger:

Настройка гаджета Логотип

А будет это выглядеть на блоге вот так:

Логотип Blogger

В коде шаблона идентификатор - BloggerButton.


Гаджет Профиль

Этот гаджет показывает в заданной области небольшой сниппет (сформированный блок текста и картинки) с вашими данными из профиля Blogger или Google+ (в случае, если профиль Blogger заменили на профиль Google+).

Из настроек доступно лишь переименование гаджета:

Настройка гаджета профиль

На блоге гаджет с профилем Google+ будет выглядеть подобным образом:

Гаджет профиль для Blogger

А содержимое сниппета Blogger возьмёт целиком из Google+. Ссылка "посмотреть профиль", кстати, ведёт на +страницу.

В коде шаблона идентификатор - Profile.


Гаджет Архив блога

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

Настройки гаджеты Архив:

Настройка гаджета Архив сообщений

Здесь мы управляем поведением списка статей в гаджете, настраиваем отображение дат в списке и даже можем изменять порядок их (статей) отображения.

Классически гаджет архива выглядит так (в раскрытом виде):

Гаджет Архив для Blogger

Наряду с гаджетом Ярлыки гаджет Архив является популярным способом навигации в блоггеровских блогах.

В коде шаблона идентификатор - BlogArchive.


Гаджеты Заголовок страницы и Атрибуция

Это неизменяемые гаджеты (на самом деле их можно изменить и даже удалить, отредактировав код шаблона). Один обеспечивает видимость "заголовка" на страницах (на самом деле "шапка блога" или "хедер" - это картинка, надпись или надпись с картинкой), второй сохраняет надпись о правах Blogger (с активной ссылкой на blogger.com) и используемом шаблоне в футере блога.

Настройки гаджета Заголовок:


В коде шаблона идентификаторы - Header и Attribution.

Как убрать гаджет Attribution.


Гаджет Blog

Это самый главный гаджет. Его можно увидеть в графическом представлении макета вашего шаблона на вкладке Дизайн:

Настройка гаджета Сообщения блога

Называется он коротко и ясно - Сообщения блога, а в коде шаблона представлен как Blog:

Гаджет Blog1

В этом гаджете сосредоточены все жизненно важные функции блога.


Гаджет Панель навигации

Он же Navbar или "навбар" по-русски.  В нём встроены поиск по блогу, вход в админ-панель, кнопка "поделиться" и т.д.

Этот гаджет в в виде панели существует с незапамятных времён. К счастью, сейчас не нужны никакие ухищрения, чтобы настроить его или отключить.

Настройка навбара:

Настройка гаджета панель навигации
Обратите внимание на кнопку "выключено".

Navbar на классическом (официальном) шаблоне:

Панель навигации Blogger

В коде шаблона идентификатор - Navbar.

Дополнительные гаджеты

Их можно найти на одноимённой вкладке в окне выбора официальных гаджетов.


Гаджет Постоянные читатели

Устаревший гаджет - один из популярнейших способов подписки через систему FriendConnect. Ныне остался только в Blogger, публичную версию закрыли. На данный момент рекомендуется заменить этот гаджет подпиской через Google+, что весьма спорно.

Настройки в гаджете есть, но они могут не работать. Существуют кустарные способы по настраиванию этого гаджета.

Настройки гаджета постоянные читатели

Гаджет Постоянные читатели в футере блога (дизайн по умолчанию):

Гаджет постоянные читатели
Настройка гаджета Постоянные читатели.

В коде шаблона идентификатор - Followers.


Гаджет Форма для связи

Свежий гаджет для создания формы обратной связи (с автором блога). Сообщение высылается на e-mail автора блога средствами Blogger.

Недостатки данного гаджета: нельзя установить стандартными средствами на отдельную страницу (умельцы уже изобрели способ сделать это) и нет защиты от спама (капчи).

Вот так выглядит форма для связи с автором на блоге:

Гаджет форма для связи

В настройках гаджета допускается изменить только его заголовок.

В коде шаблона идентификатор - ContactForm.


Гаджет Википедия

Очень специфический гаджет - поисковая форма по недрам всемирного хранилища знаний Википедии.

Настроек у гаджета нет (кроме переименования заголовка). Результат поиска выдаётся ниже, под поисковой формой.

Гаджет поиск по Википедии в сайдбаре:

Гаджет поиск по википедии

В коде шаблона идентификатор - Wikipedia.

О гаджете Поиск в Википедии.

наверх

Ярлыки: