- Войдите в панель управления Blogger
- Перейдите в "Макет" (Layout)
- Нажмите "Добавить гаджет" (Add a Gadget)
- Выберите "HTML/JavaScript"
- Вставьте приведенный выше код в поле содержимого
- Сохраните изменения
В коде найдите раздел конфигурации и замените:
https://mastodon.social
на адрес вашего Mastodon-инстансаyourusername
на ваше имя пользователя в Mastodonlimit: 5
на желаемое количество отображаемых постов
Ссылка на статью в моем блоге: Как добавить ленту Mastodon на сайт Blogger: простой способ
- Поддержка изображений - автоматически отображаются все прикрепленные к посту картинки
- Поддержка видео - включая обычные видео и GIF-формат (GIFV)
- Адаптивная сетка - медиафайлы автоматически располагаются в оптимальной сетке (1-4 элемента)
- Аватар пользователя - добавлен в метаданные поста
- Улучшенный дизайн - более современный внешний вид с тенями и скругленными углами
- Обработка ошибок - улучшенные сообщения об ошибках загрузки
- Замените
https://mastodon.social
на адрес вашего инстанса - Укажите свой логин в поле
username
- Настройте количество постов (limit)
- При необходимости отключите изображения или видео (showImages/showVideos)
Виджет автоматически обработает все медиавложения в постах и красиво их отобразит.