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

Опубликовано:
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.

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

наверх

Ярлыки:
| Издатель: +BlogopoiskRu |