Урок 4. Добавление гаджетов

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

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

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

Способ 1. Выбрать из набора гаджетов.

1. В панели инструментов выбираем Дизайн. Видим структуру нашего блога, точнее, его главной страницы. А вот и те гаджеты, которые были на предыдущей картинке.

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

Открывается страница, в которой можно выбрать гаджет: официальный или от сторонних разработчиков. Также можно добавить свой собственный, просто указав ссылку.

Я решила добавить гаджет Википедия.

В данном гаджете не оказалось никаких настроек, разве что название поменять :) Поэтому просто нажимаем Сохранить.

Смотрим, что получилось.

А вот и гаджет Википедия, который мы добавили.

Теперь попробуем его переместить. Вернемся обратно в Дизайн, наводим курсор на гаджет, который нужно переместить, и зажимая левой кнопкой мыши, перетаскиваем его туда, куда нужно. Не забываем нажать Сохранить расположение.

Вот что получилось в итоге:

2 способ. Скопировать код и вставить.

В интернете огромное количество сайтов, где можно настроить гаджет и получить его код. Например, Панель социальных кнопок на сайте share.pluso.ru.

Выбираем стиль кнопок, соц.сети.

 Если нужно, меняем настройки

Копируем весь код, который получился. Переходим снова в Панель инструментов, а точнее, в Дизайн. Снова жмем Добавить гаджет и выбираем в разделе Основы гаджет HTML/JavaScript.

 

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

Вот как выглядит эта панель в моем блоге.