Как добавить ленту Mastodon на сайт Blogger: простой способ

Если вы, как и я, ведёте блог на Blogger и активно публикуетесь в Mastodon, то наверняка хотели бы показывать свои записи из Mastodon прямо на сайте. Это отличный способ привлечь больше читателей и объединить аудиторию из разных платформ.

Сегодня я расскажу, как добавить на Blogger простой, но красивый виджет с вашими последними постами из Mastodon.

Зачем это нужно?

1. Дублирование контента – если вы пишете что-то интересное в Mastodon, ваши читатели в блоге тоже увидят это.
2. Привлечение подписчиков – посетители сайта смогут перейти в ваш Mastodon-аккаунт.
3. Живая лента – сайт будет обновляться даже между публикациями в блоге.

Как установить виджет

1. Код виджета

Я подготовил простой и удобный HTML-виджет, который встраивается в Blogger за пару минут.

2. Установка в Blogger

1. Зайдите в «Макет» → «Добавить гаджет» → «HTML/JavaScript».
2. Вставьте код выше.
3. Замените https://mastodon.social на адрес вашего инстанса (например, mstdn.social).
4. Укажите свой ник без @ в поле username.
5. Сохраните и обновите блог.

Как настроить внешний вид?

Вы можете легко изменить стиль, отредактировав CSS в теге <style>. Например:

• Поменять цвет фона → background-color: #f0f0f0;
• Изменить шрифт → font-family: 'Arial', sans-serif;
• Добавить тень → box-shadow: 0 2px 5px rgba(0,0,0,0.1);

💬 Заключение

Теперь ваш блог на Blogger может автоматически показывать свежие записи из Mastodon. Это отличный способ сохранять контент в одном месте и привлекать новых читателей.

Попробуйте и расскажите в комментариях, как получилось!