Diver — минималистичный шаблон для Blogger без слайдеров, блоков избранного и трендовых секций на главной. В премиум-версии на Gumroad лежат сразу три XML-файла: светлая тема, тёмная и отдельная версия для языков с письмом справа налево (арабский, иврит, фарси) — переключаются через «Тема → Восстановить» без потери постов и комментариев. Актуальная версия на момент написания — 1.5.0 от 16 мая 2025 года, разработчик регулярно докатывает мелкие правки типа nofollow на страницах поиска или исправлений H1.
Разработчик убрал из Diver модульную сетку контентных блоков и разделы трендовых/избранных постов — то, чем перегружены почти все журнальные шаблоны для Blogger. Из-за этого шаблон подходит не всем: если нужен крупный портал с десятком рубрик на главной, лучше смотреть в сторону других решений. Зато для одного автора — тех-блог, авторский новостной, портфолио фотографа, лонгриды — настройка занимает в разы меньше времени, потому что крутить там почти нечего: шапка с меню, мега-меню, лента постов и сайдбар.
Подробный разбор шаблона — обзор с плюсами и минусами по ссылке. Базовые вещи вроде первой установки XML-файла или настройки Basic Settings в Blogger разбирались в отдельных инструкциях, здесь эти шаги не повторяю — идём сразу по гаджетам и шорткодам Diver.
- Логотип шапки
- Меню шапки: подпункты, иконки, мега-меню
- Лента публикаций на главной
- Система комментариев
- Медиа в комментариях
- Метки постов
- Оформление автора
- Формат даты
- Похожие материалы
- Реклама: код для постов и страниц
- Карточки публикаций (Post Cards)
- Разбивка статьи на страницы
- Соцсети в профиле автора
- Кнопка «Нравится» Facebook
- Соцсети в сайдбаре
- Форма подписки на email
- Публикации в сайдбаре
- Комментарии в сайдбаре
- Соцсети в подвале
- Меню подвала
- Копирайт подвала
- Уведомление о cookies
- Boxed Mode, Sticky, тёмная тема
- Настройка ленты (Feed)
- Дизайнер темы: шрифты и цвета
- Реальные проблемы покупателей
- FAQ
Логотип шапки
Layout → иконка редактирования у гаджета Header Logo. Туда вставляется ссылка на картинку логотипа — сама загрузка идёт не через этот гаджет, а через отдельный пост в Blogger: заливаешь картинку в любой черновик, копируешь ссылку на файл и уже её вставляешь в поле логотипа.
Гаджет Header Logo в разделе Layout
Тёмный логотип. Для тёмной версии темы (или переключателя день/ночь в премиум-версии) нужен отдельный файл лого — тем же способом заливаешь тёмный вариант картинки отдельным постом и его ссылку кладёшь в поле для тёмного логотипа.
Меню шапки: подпункты, иконки, мега-меню
Layout → иконка редактирования у Header Menu. Тут работает обычная система Blogger-меню с плюсом в виде подпунктов через подчёркивания перед названием.
Пункты и подпункты
Обычный пункт меню — просто название и ссылка, без подчёркиваний. Чтобы сделать подпункт первого уровня, перед названием ставишь один символ подчёркивания: _Подменю 1. Для второго уровня вложенности — два подчёркивания: __Подменю 2. Важный момент — пункт с двумя подчёркиваниями должен физически идти в списке ниже пункта с одним, иначе вложенность съедет.
Один и два подчёркивания дают разные уровни вложенности
Иконки в меню
Diver тянет иконки из Bootstrap Icons. Чтобы поставить иконку рядом с пунктом меню — заходишь на сайт Bootstrap Icons, находишь нужную иконку, открываешь её страницу и копируешь HTML-код вида <i class="bi bi-0-circle"></i>. Этот код вставляешь прямо в поле с текстом пункта меню — вместе с названием, без отдельного поля под иконку.
Код иконки берётся со страницы конкретной иконки на сайте Bootstrap Icons
Мега-меню
Мега-меню в Diver — это пункт, который вместо обычной ссылки подгружает список постов прямо в выпадашке. Три варианта значения ссылки для такого пункта:
megamenu/recent— последние посты блогаmegamenu/random— случайные постыmegamenu/Название метки— посты по конкретной метке
Название метки нужно писать точно так, как оно записано в постах — с учётом регистра, если у тебя метки набраны с заглавной буквы.
Мега-меню нельзя воткнуть в подменю (пункт с подчёркиванием) — оно работает только на верхнем уровне меню.
Лента публикаций на главной
Гаджет Main Recent Posts (section) в Layout отвечает за саму ленту постов. Из настроек там доступна только одна вещь — скрытие заголовка конкретной статьи.
Скрыть заголовок статьи
В поле Read More (это то самое поле «продолжить чтение», которое задаёт текст ссылки на полную статью) добавляешь код (hide) — и заголовок H1 у этой конкретной публикации перестаёт отображаться. Актуально для лендингов на постах или статей, где заголовок уже зашит в картинку.
Код (hide) в поле Read More убирает заголовок статьи
Система комментариев
Layout → Blog Posts → Comment Format. Там же, где обычно выбираешь встроенные комментарии Blogger, шаблон принимает ещё три варианта через шорткод в этом поле:
#type=(blogger)— стандартные комментарии Blogger#type=(disqus) #shortname=(твой_shortname)— Disqus, shortname берётся из настроек твоего форума на disqus.com#type=(facebook)— комментарии через Facebook#type=(facebook) #lang=(ru_RU)— тот же Facebook, но с указанием языка интерфейса
Поддерживаемые коды языков для Facebook-комментариев: en_US, es_ES, ar_AR, id_ID, th_TH, de_DE, ga_GA, it_IT, ne_NE, ja_JA, vi_VN, pt_BR, fr_FR, ru_RU. Если твоего языка нет в списке — проверь его поддержку в справке Facebook по языкам, прежде чем вставлять код.
Медиа в комментариях
Если в тексте комментария Blogger просто вставить прямую ссылку на картинку или видео — шаблон сам покажет её превью, без какого-либо шорткода. Работает и для читателей, и для тебя как автора при ответах на комментарии.
↑ НаверхМетки постов
Layout → Blog Posts → Labels Prefix. Здесь можно поменять текст-приставку перед списком меток или вовсе выключить показ меток тумблером — тогда они пропадают у всех постов сразу, точечно по одной статье это не настраивается.
↑ НаверхОформление автора
Layout → Blog Posts → Author Format. Меняется приставка перед именем (по умолчанию «Опубликовано»), либо строка с автором скрывается целиком тем же тумблером в этом блоке.
↑ НаверхФормат даты
Layout → Blog Posts → Date Format — тот же принцип: меняешь формат отображения даты публикации либо скрываешь дату целиком тумблером в этом блоке.
↑ НаверхПохожие материалы
Гаджет Related Posts в Layout — блок в конце статьи. Заголовок блока, количество показанных постов и источник подбора настраиваются одним шорткодом прямо в гаджете, без правки шаблона.
3/related/default— посты, подобранные автоматически по совпадению с текущей статьёй3/related/recent— последние посты блога3/related/random— случайные посты3/related/Название_метки— посты из конкретной метки
Первая цифра — количество постов в блоке, её можно менять на любое другое число.
↑ НаверхРеклама: код для постов и страниц
Гаджет Ad Code for Posts/Pages в Layout — сюда вставляешь свой рекламный код, и он автоматически встанет сверху и снизу каждой статьи.
Шорткод для рекламы внутри текста
Чтобы вставить блок рекламы в конкретном месте абзаца — прямо в тексте поста, между нужными абзацами, вписываешь код (ads). Он подхватывает тот же код, что лежит в гаджете Ad Code for Posts/Pages.
Шорткод (ads) работает только если в гаджете Ad Code for Posts/Pages уже лежит рекламный код. Пустой гаджет — шорткод ничего не покажет.
Отключить рекламу на конкретной странице
Код (hideAds), вставленный в статью, убирает рекламу именно с этой публикации, не трогая остальной блог. Удобно, если на конкретную страницу завёлся скликиватель или Google начал её штрафовать — рекламу с неё выключаешь точечно, а не через настройки Adsense для всего сайта разом.
Карточки публикаций (Post Cards)
Post Cards работают и в постах, и на страницах — карточка вставляется одним шорткодом с набором параметров через #:
(getCard) #type=(тип) #title=(заголовок) #info=(доп. текст) #button=(текст кнопки) #icon=(код иконки)
Параметр #type принимает одно из четырёх значений: post, download, product, custom.
Карточка поста
(getCard) #type=(post) #title=(Тебе может понравиться)
В поле ссылки карточки для этого типа вводишь просто # или / — реальный адрес поста указывать не нужно.
Карточка скачивания
(getCard) #type=(download) #title=(Diver_Blogger_template.zip) #info=(74.02kb) #button=(Скачать)
Здесь в ссылку карточки уже вставляешь реальный адрес файла, есть галочка «Открыть в новом окне» — по желанию.
Карточка «купить»
(getCard) #type=(product) #title=(Diver Premium Template) #info=(09.95$) #button=(Купить)
Ссылка — реальный адрес страницы покупки, тоже с опциональной галочкой «Открыть в новом окне».
Произвольная карточка
(getCard) #type=(custom) #title=(Заголовок карточки) #info=(Инфо) #button=(Текст кнопки) #icon=(download)
Иконка для параметра #icon берётся из той же библиотеки Bootstrap Icons, что и для меню.
Больше готовых кнопок и шорткодов для карточек — на отдельной странице шорткодов у разработчика, если четырёх базовых типов не хватает под задачу.
Разбивка статьи на страницы
Post Split режет длинный текст на несколько экранов с кнопками пагинации между ними — без плагинов, просто шорткодом прямо в тексте поста.
Ставишь код (nextPage) в том месте статьи, где должен появиться разрыв страницы, и повторяешь его столько раз, сколько нужно разрывов.
Внутри разделённых абзацев можно вставлять и карточку Post Card — они друг другу не мешают.
Соцсети в профиле автора
Иконки соцсетей под именем автора настраиваются не в Layout, а прямо в профиле Blogger: Настройки Blogger → Редактировать профиль Blogger. В поле «Обо мне» вставляешь текст профиля и ссылки на свои соцсети обычными HTML-ссылками:
Привет, меня зовут Иван, я автор блога о фотографии
<a href="https://facebook.com/твой_профиль">facebook</a>
<a href="https://twitter.com/твой_профиль">twitter</a>
<a href="https://youtube.com/твой_канал">youtube</a>
<a href="https://instagram.com/твой_профиль">instagram</a>
<a href="https://твойсайт.ru/">external-link</a>
Слово внутри тега (facebook, instagram, external-link) — это и есть ключ, по которому шаблон подставляет нужную иконку, а не просто подпись к ссылке.
Поддерживаемые ключи иконок: facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, twitter, linkedin, google, apple, microsoft, facebook-f, rss, behance, stack-overflow, telegram, tumblr, dribbble, codepen, snapchat, email, github, stumbleupon, vk.
Скрыть блок автора под статьёй
Layout → Blog Posts → Show Author Profile — тумблер убирает блок автора со всех статей сразу. Если оставляешь блок включённым, не забудь заменить демо-ссылки на соцсети в примере выше на свои — иначе под твоими статьями будут висеть контакты Wire Templates.
↑ НаверхКнопка «Нравится» Facebook
Тут два обязательных шага подряд, без первого второй не сработает:
- Сначала в Layout → Blog Posts → Comment Format ставишь тип комментариев Facebook (раздел «Система комментариев» выше) — без этого кнопка «Нравится» просто не подключится к твоей странице.
- Дальше идёшь на страницу Facebook Page Plugin («Нравится» кнопка), получаешь готовый код и вставляешь его в новый гаджет HTML/JavaScript в сайдбаре через Layout.
Это вообще не обязательная функция — если Facebook-комментарии не нужны, можно смело пропустить весь этот раздел.
Соцсети в сайдбаре
Layout → иконка редактирования у виджета «Социальные сети» (раздел). Ссылки добавляются через обычный гаджет LinkList — коротким кодом, где название соцсети указывается строчными буквами.
Поддерживаемые значки: blogger, facebook, twitter-x, youtube, messenger, snapchat, telegram, instagram, pinterest, google, apple, microsoft, dribbble, linkedin, tiktok, stumbleupon, vk, stack-overflow, github, soundcloud, behance, digg, delicious, codepen, flipboard, reddit, tumblr, twitch, rss, skype, whatsapp, discord. Только нижний регистр — заглавные буквы в названии сеть не распознает.
Форма подписки на email
Layout → иконка редактирования у гаджета «Подписаться по электронной почте». Шаблон не имеет своей системы рассылки — сюда просто вставляется ссылка на форму подписки со стороннего сервиса вроде Brevo или Mailchimp.
(sibForm)— сам блок формы подписки#title=(Подписаться на рассылку)— заголовок блока, необязательно#caption=(Присылаем новые статьи на почту)— подпись под заголовком, необязательно
По умолчанию в гаджете стоит демо-ссылка на форму подписки разработчика — обязательно замени её на свою, иначе люди будут подписываться не на твою рассылку.
Публикации в сайдбаре
Layout → иконка редактирования у гаджета «Раздел записей в боковой панели». Тот же принцип шорткодов, что и в блоке похожих записей, только с другой приставкой:
3/sidebar/recent— последние записи3/sidebar/random— случайные записи3/sidebar/Название_метки— записи по конкретной метке
Название метки в коде должно совпадать с тем, как она записана в постах — регистр учитывается.
↑ НаверхКомментарии в сайдбаре
Layout → иконка редактирования у гаджета «Раздел комментариев». Показывает последние комментарии блога отдельным блоком в сайдбаре, количество отображаемых комментариев настраивается прямо в гаджете.
↑ НаверхСоцсети в подвале
Layout → иконка редактирования у раздела подвала с соцсетями. Тот же принцип, что и в сайдбаре — ссылки добавляются гаджетом LinkList, значки соцсети указываются строчными буквами.
Тот же список значков, что и в сайдбаре: blogger, facebook, twitter-x, youtube, messenger, snapchat, telegram, instagram, pinterest, google, apple, microsoft, dribbble, linkedin, tiktok, stumbleupon, vk, stack-overflow, github, soundcloud, behance, digg, delicious, codepen, flipboard, reddit, tumblr, twitch, rss, skype, whatsapp, discord.
Меню подвала
Layout → иконка редактирования у меню подвала. Вставляешь обычные ссылки на свои страницы (о нас, контакты, политика конфиденциальности и т.д.) — они появятся внизу шаблона отдельным списком.
↑ НаверхКопирайт подвала
Layout → иконка редактирования у раздела «Авторские права» в подвале. Тут можно вставить ссылку на свой сайт в строке копирайта.
Редактировать и убирать ссылку на сайт разработчика в этой строке могут только premium-пользователи. На бесплатной версии шаблона ссылка на Wire Templates в подвале остаётся — убрать её нельзя.
Уведомление о cookies
Layout → иконка редактирования у блока «Согласие на использование файлов cookie». Шаблон сам показывает всплывающее окно с предупреждением о cookies и запоминает согласие пользователя на заданный срок — чтобы окно не выскакивало заново при каждом визите.
#button=(Принято!)— текст на кнопке согласия#days=(20)— сколько дней хранится согласие в браузере посетителя, прежде чем окно появится снова
В оригинальной документации эти параметры даны в переводе как «#кнопок=» и «#дней=» — судя по всему, это косяк автоперевода страницы, а не реальное имя параметра (остальные шорткоды шаблона везде используют английские имена вроде #title=, #caption=). Если код с русскими именами параметров не сработает — пробуй английские варианты #button= и #days=, как в примере выше.
Boxed Mode, фиксированные блоки, тёмная тема
Не в Layout, а в панели Blogger: Тема → Настроить. Шаблон поддерживает четыре переключаемых режима — Boxed Mode, фиксированный заголовок, фиксированный сайдбар и встроенный тёмный режим. Каждый включается или выключается значением 1 (включено) или 0 (выключено) в соответствующем поле настройщика темы.
Boxed Mode и фиксированный сайдбар одновременно — сочетание на любителя, на телефоне фиксированный сайдбар всё равно не показывается, так что для мобильных посетителей эта настройка ничего не меняет.
Настройка ленты (Feed)
Панель Blogger → Настройки → раздел «Лента сайта». Шаблон поддерживает режим короткой ленты — стоит включить его для скорости и безопасности контента: короткая лента отдаёт меньше данных при каждом запросе, что ускоряет загрузку сайта.
Функция короткой ленты работает только с последними версиями шаблонов разработчика. Полностью отключать системную ленту Blogger нельзя — от неё зависят раздел комментариев и блок похожих/рекомендуемых постов.
Дизайнер темы: шрифты и цвета
Тема → Настроить → вкладки «Цвета фона» и «Дополнительно». Отсюда меняются шрифты по всему сайту, цвета меню, цвета виджетов и оформление подвала — без правки HTML шаблона.
↑ НаверхРеальные проблемы покупателей
Разработчик Diver довольно активно отвечает в комментариях под своей же документацией — оттуда и собрал этот раздел. Часть вопросов повторяется у разных людей, значит, стоит знать о них заранее, ещё до покупки или настройки.
Путаница с лицензионным ключом
Несколько покупателей в комментариях спрашивали, куда именно вставлять лицензионный ключ и обязателен ли он вообще — включая случай, когда шаблон был получен в подарок, а не куплен напрямую. Разработчик ответил однозначно: ключ не нужно никуда вставлять в код, он служит исключительно для подтверждения статуса премиум-клиента при обращении в поддержку.
Таймер и Safelink перед скачиванием отсутствуют
Просьба добавить таймер обратного отсчёта перед кнопкой скачивания (как на сайтах-сокращателях) и поддержку Safelink для раздачи файлов — разработчик подтвердил, что таймера в шаблоне пока нет (обещал добавить в будущем), а Safelink разработкой не занимаются вообще.
Спор о мобильной версии и Core Web Vitals
Один из покупателей дважды написал, что мобильная и десктопная версии шаблона выглядят одинаково, из-за чего в Google Search Console вылезает ошибка Core Web Vitals, и просил сделать мобильную версию легче. Разработчик оба раза не согласился с этим — по его словам, версии для разных разрешений экрана отличаются и адаптируются автоматически, а если на конкретном сайте проблема всё же есть — предложил написать в поддержку отдельно, по своему случаю.
Если после установки шорткоды из этой инструкции не срабатывают — в одном из комментариев похожая проблема оказалась из-за старой версии шаблона (v1.0.0). Первым делом стоит проверить, не вышло ли обновление XML-файла, прежде чем разбираться с кодом вручную.
FAQ
Нужно ли вставлять лицензионный ключ куда-то в код шаблона?
Можно ли поставить таймер перед скачиванием архива с шаблоном?
Diver поддерживает Safelink для раздачи файлов?
Правда, что мобильная версия шаблона совпадает с десктопной и портит Core Web Vitals?
Что делать, если шорткоды из инструкции не работают?
Если после этой инструкции что-то не срослось с настройкой Diver — пиши в Telegram, разберём твой конкретный случай.
Написать мне →