Blogger, как и любая платформа блогов, имеет собственный набор виджетов (далее гаджетов), называемых официальными. То есть - это то, что предлагают разработчики Google & Blogger "из коробки". Они охватывают почти все современные функции блогодвижков и вполне соответствуют требованиям, предъявляемым веб-мастерами к своим сайтам (форма обратной связи, блоки Adsense, популярные сообщения, последние комментарии и т.д.).
Ниже будет представлен обзор всех актуальных официальных гаджетов с кратким описанием и примером использования.
Оглавление гаджетов.
В конце большинства описаний будут приведены ссылки на поисковую информацию по настройке того или иного гаджета. Все изображения в примерах - кликабельны.
О шаблоне
Первое условие, необходимое для нормального функционирования гаджетов, - это соответствующая разметка шаблона блога.
Макет разметки настраивается в
Дизайнере шаблонов:
Здесь можно выбрать требуемое количество колонок для своего блога. Следует учесть, что Дизайнер может не поддерживать сторонний (не официальный) шаблон для Blogger.
Добавление нужных гаджетов производится во вкладке
Дизайн в панели управления Blogger:
Базовые элементы доступны для редактирования, созданные гаджеты можно передвигать (менять местами, переносить и удалять).
Шаблоны в Blogger условно можно разделить на две группы:
В динамических (ajax) шаблонах (Динамический просмотр) работают не все гаджеты, а только: Архив блога, Популярные сообщения, Постоянные читатели (виджет FriendConnect), Рассылка обновлений по электронной почте, Изображения, Значок Google+, Подписчики Google+.
В коде шаблона гаджеты имеют своё наименование (идентификатор). Все гаджеты можно увидеть в разделе Шаблон - Изменить HTML - Список виджетов:
Например, гаджет Профиль называется Profile1, где цифрой обозначен уникальный порядковый номер гаджета в шаблоне.
Полезные ссылки:
Часто задаваемые вопросы по Blogger.
Как настроить шаблон Blogger.
Страницы блога и условия в шаблонах.
Гаджеты Blogger
Гаджет Кнопка +1
С помощью этой кнопки можно рекомендовать и делиться интересным материалом внутри социальной сети Google+. Так же результат нажатия может отображаться в поисковом сниппете Google.
Настройки гаджета описывают различное поведение гуглокнопки "поделиться":
Вот так выглядит один из вариантов этого гаджета в блоге:
В коде шаблона идентификатор -
PlusOne.
Универсальный вариант кнопки +1 для всех сайтов.
Гаджет Подписчики Google+
Этот гаджет отображает всех, кто добавил вас в круги (подписался) в социальной сети Google+. На данный момент это самый актуальный способ подписки на блог.
Настройки гаджета:
Обратите внимание, что гаджет отображает подписчиков того профиля Google+, который у вас указан на вкладке Google+ в админ-панели Blogger (доступна только после переключения профиля Blogger на профиль Google+).
В настройках можно указать точный размер гаджета и цветовое оформление для тёмного шаблона.
Не забудьте во время или после создания гаджета переименовать его заголовок "Google+ Followers" на русский язык.
Так выглядит гаджет подписчиков на блоге:
В коде шаблона идентификатор -
PlusFollowers.
Подробнее о гаджете Подписчики Google+.
Гаджет Значок Google+
Данный гаджет отображает простую кнопку для подписки на вашу страницу в Google+.
Допускается указать цвет фона и размеры кнопки. Как и предыдущий гаджет, он зависит от указанного профиля на вкладке Google+ в админ-панели Blogger (доступна только после переключения профиля Blogger на профиль Google+).
Не забудьте во время или после создания гаджета переименовать его заголовок "Google+ Followers" на русский язык.
Гаджет значок Google+ на блоге:
В коде шаблона идентификатор -
PlusBadge.
Остальные гаджеты социальной сети Google+.
Гаджет Переводчик
Очень эффективный гаджет, позволяет организовать перевод вашего блога практически на любой язык (который знаком переводчику Google). В Blogger сделана специальная версия этого гаджета в разных представлениях: вертикальный, горизонтальный и в виде раскрывающегося меню.
Настройки гаджета:
Гаджет переводчика в вашем блоге будет выглядить так:
В коде шаблона идентификатор -
Translate.
Настройка гаджета Переводчик.
Гаджет Рассылка обновлений по электронной почте
Этот гаджет имеет прямое отношение к вашей ленте на FeedBurner. Читатели, подписавшиеся через этот гаджет, будут получать на свой email ваши статьи в том виде, в каком они настроены в Blogger и FeedBurner.
Доступны настройки фида FeedBurner и переименования заголовка гаджета:
Гаджет подписки по электронной почте (e-mail) на блоге:
В коде шаблона идентификатор -
FollowByEmail.
Настройка подписки по e-mail.
Гаджет Популярные сообщения
Этот гаджет показывает фрагменты самых популярных сообщений в вашем блоге согласно внутренней статистике Blogger.
Доступны настройки за определённый период времени: неделя, месяц и за всё время.
Настройки гаджета популярных сообщений:
А вот так эффектно выглядит гаджет с уменьшенным изображением (берётся первая фотография из статьи, обязательно вставленная через Blogger) и фрагментом текста:
В коде шаблона идентификатор -
PopularPosts.
Настройка гаджета Популярные сообщения.
Гаджет Статистика блога
Гаджет выводит на страницу блога данные из внутренней статистики Blogger.
Представлены разные варианты счётчиков, причём возможен анимированный вариант "пульса" статистики. Данный гаджет полезен для рекламодателей.
Настройки гаджета:
Гаджет статистики в сайдбаре блога:
В коде шаблона идентификатор -
Stats.
Гаджет Страницы блога
Этот гаджет добавляет панель с ссылками на статические страницы под шапку блога. В настройках регулируется отображение определённых страниц, так же их можно переименовать (переименуются только пункты в меню, но не сами страницы):
На сторонних шаблонах этот гаджет может отображаться по-другому. Внешний вид регулируется при помощи CSS.
Меню (панель) из ссылок на статические страницы на блоге (шаблон Simple):
В коде шаблона идентификатор -
PageList.
Настройка гаджета Страницы блога.
Гаджет Adsense
Этот гаджет представляет собой мини-конструктор объявлений для рекламной программы Adsense. Если ваш аккаунт Google не связан с аккаунтом Adsense, нужно подать заявку на участие (вкладка Прибыль в админ-панели Blogger). После её одобрения будут доступны остальные функции Adsense.
Настройки гаджета:
Внимание! Не следует подавать заявку на участие в программе Adsense сразу же после создания блога. Это распространённая ошибка! Если заявку отклонят, то придётся создавать ещё один аккаунт Google.
Чтобы участвовать в программе Adsense,
блог должен быть качественным (50-100 авторских статей) и иметь хорошую посещаемость (от 300 уникальных посетителей в сутки), иначе вашу заявку отклонят, либо реклама не будет давать доход.
Перед подачей заявки обязательно ознакомьтесь с
Правилами программы Adsense.
Гаджет Adsense в виде рекламного блока:
В коде шаблона идентификатор -
Adsense.
Adsense на блоге.
Гаджет Окно поиска
При помощи этого гаджета в несколько кликов мыши можно поставить поисковую форму на ваш блог.
Поиск может осуществляться по блогу, связанным страницам и в интернете:
Следует заметить, что поиск не слишком чувствительный (для достижения лучшего результата попробуйте
Google CSE), но его большой плюс - в лёгкой настройке внешнего вида при помощи CSS.
По умолчанию поисковая форма на блоге выглядит так:
В коде шаблона идентификатор -
CustomSearch.
Настройка поиска на блоге.
Гаджет HTML/Javascript
Самый важный гаджет в Blogger. Он поддерживает коды HTML, Javascript и CSS, способен заменить собой любой гаджет из официального набора. Используется для отображения на блоге сторонних гаджетов и кодов.
Настроек в гаджете нет, есть только поле ввода информации и заголовка.
Отображаем виджет группы ВКонтакте при помощи гаджета HTML/Javascript:
В коде шаблона идентификатор -
HTML.
О гаджете HTML/Javascript.
Гаджет Текст
С помощью этого гаджета можно выводить в области блога любое текстовое сообщение, включая ссылки.
Типичное использование гаджета Текст - сообщение об условиях распространения контента или приветственное обращение к посетителям.
Настройки гаджета Текст:
Надпись в сайдбаре блога при помощи гаджета Текст:
В коде шаблона идентификатор -
Text.
Гаджет Изображение
Старый гаджет для загрузки и отображения картинок. Причём загруженные изображения можно связывать с ссылками и таким образом делать рекламные баннеры и кнопки.
Настройки гаджета:
Доступны загрузки по URL и с жёсткого диска. Возможно автоматическое сжате до размера сайдбара.
А вот так выглядит картинка, закачанная через гаджет, на блоге:
В коде шаблона идентификатор -
Image.
Гаджет Показ Слайдов
Этот гаджет позволяет в миниатюрах прокручивать содержимое альбомов трёх популярных фотохостингов: Picasa, Flickr, Photobucket, а так же по URL канала.
Варианты отображения: либо альбомы пользователя, либо по ключевому слову. Возможны регулировка скорости смены слайдов и случайный показ.
Настройка гаджета:
А вот так гаджет работает в блоге (небольшое слайдшоу):
В коде шаблона идентификатор -
Slideshow.
Гаджет Панель видео
Как можно догадаться из названия, этот гаджет отображает в заданной области ряд миниатюр видеороликов с Youtube.
Настроек в гаджете много:
Можно сортировать по просмотрам, рейтингам и недавно добавленным роликам. В качестве источника возможно использование любого канала. Также присутствует возможность указать ключевые слова, по которым Blogger подберёт вероятно возможные видеоклипы.
Все ролики проигрываются вживую во встроенном плеере.
Наглядная демонстрация работы гаджета на блоге:
В коде шаблона идентификатор -
VideoBar.
О гаджетах для Youtube.
Гаджет Опрос
Этот гаджет служит для организации опросов на вашем блоге. В нём есть всё, что требуется для создания полноценных голосований.
Настройки:
Как видно из скриншота, возможно много вариантов ответа, допустима их множественность, а так же есть лимит голосования по дате.
Голосования на блоге:
В коде шаблона идентификатор -
Poll.
Гаджет Blog List
Почему-то в русской версии интерфейса Blogger этот гаджет так и оставили не локализованным. А предназначение его следующее - показывать в сайдбаре блога миниатюры и анонсы статей любых блогов (хоть своих, хоть чужих).
Блоги добавляются непосредственно в настройках (ссылка
Добавить блог в список):
Причём возможен вывод не только изображения, заголовка, фрагмента текста статьи, но и фавикона донорского блога (синоним этого гаджета - BlogRoll или Список блогов).
Пример гаджета Blog List на блоге:
Показывать можно по одному анонсу из списка или конкретное количество (5, 10, 25 блогов).
В коде шаблона идентификатор -
BlogList.
О гаджете Blog List.
Гаджет Список ссылок
При помощи этого гаджета можно быстро и удобно составлять любые списки ссылок. Данные для него заносятся непосредственно через настройки гаджета:
В которых указывается название и URL. Сортировка - по алфавиту (и обратно) и в порядке добавления.
Список ссылок на блоге:
Ощутимый минус данного гаджета заключается в том, что нельзя (без редакции кода шаблона виджета) проставлять конкретным ссылкам атрибут
rel="nofollow".
В коде шаблона идентификатор -
LinkList.
Гаджет Список
Аналогичный предыдущему гаджету, Список тоже отображает перечень, не ссылок, а слов (обычного текста). Используется для создания списка интересов, желаний, достижений и т.д.
Настройки гаджета Список:
В этой форме вносится требуемое количество пунктов в списке и настраиваются варианты сортировки - по алфавиту (и обратно) и в порядке добавления.
Вот таким образом выглядит гаджет Список на блоге:
В коде шаблона идентификатор -
TextList.
Гаджет Канал
Ещё один старый и классный гаджет Канал позволяет транслировать содержимое канала (RSS или Atom различных версий) прямо к себе в блог. Таким образом можно оформить вывод последних статей и последних комментариев на блоге, указав в качестве донора свой фид.
Настройки гаджета следующие:
Необходимо сначала указать фид (например, для "блоггеровского" блога достаточно вписать
http://адрес_блога/atom.xml, и гаджет отобразит список ссылок из канала.
Максимальное количество ссылок ограничено пятью. Можно транслировать даты заголовков и автора. Обратите внимание, что гаджет к себе в заголовок берёт название донорского блога.
Вот так выводится содержимое блога через фид и гаджет Канал:
В коде шаблона идентификатор -
Feed.
Гаджет Новости
Данный гаджет предназначается для новостных блогов и выводит новости из Google по заданным меткам.
Настройки гаджета:
На блоге новости смотрятся таким образом:
К сожалению, помимо указания поисковых выражений в этом гаджете практически ничего нельзя настроить (например, не доступно указание точного количества слов или знаков в каждом блоке анонса).
Данный гаджет популярен у начинающих блоггеров, так как он создаёт видимость контента на странице.
В коде шаблона идентификатор -
NewsBar.
Гаджет Ярлыки
Один из самых востребованных гаджетов в Blogger. С его помощью можно формировать любые списки ярлыков (меток, которыми помечаются статьи). Причём таких гаджетов можно ставить несколько в блог и у каждого указывать определённые группы меток.
Например:
- Гаджет с называнием Инструменты + список меток брендов строительных инструментов
- Гаджет с названием Материалы + список меток с наименованиями строительных материалов
При помощи Гаджета Ярлыки можно сделать популярный у блоггеров вид навигации - облако тегов.
Примеры гаджета Ярлыки на различных блогах.
В виде списка
Вариант 1:
Вариант 2:
В виде облака тегов
Вариант 1:
Вариант 2:
Облако по аналогии со списком можно тоже формировать из заданных ярлыков.
Оформляется внешне этот гаджет при помощи CSS.
В коде шаблона идентификатор -
Label.
Настройка ярлыков в блоге.
Гаджет Ссылки на подписки
Этот гаджет прост и незатейлив - выводит две кнопки подписки (на фид сообщений и фид комментариев).
Из настроек доступно лишь изменить заголовок гаджета:
Кнопки выглядят следующим образом:
В коде шаблона идентификатор -
Subscribe.
Гаджет Логотип
Предназначается для ярых фанатов Blogger. Показывает кнопку с активной ссылкой на blogger.com.
В настройках гаджета можно выбрать различные официальные кнопки Blogger:
А будет это выглядеть на блоге вот так:
В коде шаблона идентификатор -
BloggerButton.
Гаджет Профиль
Этот гаджет показывает в заданной области небольшой сниппет (сформированный блок текста и картинки) с вашими данными из профиля Blogger или Google+ (в случае, если профиль Blogger заменили на профиль Google+).
Из настроек доступно лишь переименование гаджета:
На блоге гаджет с профилем Google+ будет выглядеть подобным образом:
А содержимое сниппета Blogger возьмёт целиком из Google+. Ссылка "посмотреть профиль", кстати, ведёт на +страницу.
В коде шаблона идентификатор -
Profile.
Гаджет Архив блога
Будьте внимательны, этот гаджет расположен на следующей странице в списке официальных гаджетов. Он автоматически отображает на блоге список ваших записей (что-то вроде календаря). Кроме этого он формирует архивные страницы на блоге, которые желательно закрывать от индексации.
Настройки гаджеты Архив:
Здесь мы управляем поведением списка статей в гаджете, настраиваем отображение дат в списке и даже можем изменять порядок их (статей) отображения.
Классически гаджет архива выглядит так (в раскрытом виде):
Наряду с
гаджетом Ярлыки гаджет Архив является популярным способом навигации в блоггеровских блогах.
В коде шаблона идентификатор -
BlogArchive.
Гаджеты Заголовок страницы и Атрибуция
Это неизменяемые гаджеты (на самом деле их можно изменить и даже удалить, отредактировав код шаблона). Один обеспечивает видимость "заголовка" на страницах (на самом деле "шапка блога" или "хедер" - это картинка, надпись или надпись с картинкой), второй сохраняет надпись о правах Blogger (с активной ссылкой на blogger.com) и используемом шаблоне в футере блога.
Настройки гаджета Заголовок:
В коде шаблона идентификаторы -
Header и
Attribution.
Как убрать гаджет Attribution.
Гаджет Blog
Это самый главный гаджет. Его можно увидеть в графическом представлении макета вашего шаблона на вкладке Дизайн:
Называется он коротко и ясно - Сообщения блога, а в коде шаблона представлен как
Blog:
В этом гаджете сосредоточены все жизненно важные функции блога.
Гаджет Панель навигации
Он же Navbar или "навбар" по-русски. В нём встроены поиск по блогу, вход в админ-панель, кнопка "поделиться" и т.д.
Этот гаджет в в виде панели существует с незапамятных времён. К счастью, сейчас не нужны никакие ухищрения, чтобы настроить его или отключить.
Настройка навбара:
Обратите внимание на кнопку "выключено".
Navbar на классическом (официальном) шаблоне:
В коде шаблона идентификатор -
Navbar.
Дополнительные гаджеты
Их можно найти на одноимённой вкладке в окне выбора официальных гаджетов.
Гаджет Постоянные читатели
Устаревший гаджет - один из популярнейших способов подписки через систему
FriendConnect. Ныне остался только в Blogger, публичную версию закрыли. На данный момент рекомендуется заменить этот гаджет подпиской через Google+, что весьма спорно.
Настройки в гаджете есть, но они могут не работать. Существуют кустарные способы по настраиванию этого гаджета.
Гаджет Постоянные читатели в футере блога (дизайн по умолчанию):
Настройка гаджета Постоянные читатели.
В коде шаблона идентификатор -
Followers.
Гаджет Форма для связи
Свежий гаджет для создания формы обратной связи (с автором блога). Сообщение высылается на e-mail автора блога средствами Blogger.
Недостатки данного гаджета: нельзя установить стандартными средствами на отдельную страницу (умельцы уже
изобрели способ сделать это) и нет защиты от спама (капчи).
Вот так выглядит форма для связи с автором на блоге:
В настройках гаджета допускается изменить только его заголовок.
В коде шаблона идентификатор -
ContactForm.
Гаджет Википедия
Очень специфический гаджет - поисковая форма по недрам всемирного хранилища знаний Википедии.
Настроек у гаджета нет (кроме переименования заголовка). Результат поиска выдаётся ниже, под поисковой формой.
Гаджет поиск по Википедии в сайдбаре:
В коде шаблона идентификатор -
Wikipedia.
О гаджете Поиск в Википедии.
наверх
