Кнопки социальных сетей в конце статьи для Blogger
Кнопки социальных сетей помогают читателям делится понравившимися публикациями с вашего сайта. Если вы создаете полезный и интересный контент, то посетители с удовольствием будут репостить его.
У Blogger уже есть встроенные кнопки, но они не особо привлекательные, да и не поддерживают популярные русскоязычные соц сети, такие как одноклассники, Вконтакте, Telegram и пр. Поэтому, они не несут, практически, никакой пользы.
Чтобы это исправить, их нужно отключить. А на их место установить другие, более красивые и функциональные кнопки социальных сетей
А для этого, сначала, нужно получить код таких кнопок. Сделать это можно на специальных сайтах. В интернете их достаточно. Но я покажу на примере блока "Поделиться" от Яндекса. Но вы можете пользоваться любым аналогичным сервисом.
Как получить код кнопок для установок в блог
Переходим на сайт https://yandex.ru/dev/share/. Находим конструктор блока и настраиваем его: ставим галочки напротив необходимых сервисов, выбираем стиль, размер, язык и пр. Подробно останавливаться на этом не буду, там все просто и понятно.
После того, как определитесь с дизайном, скопируйте код в окошке с правой стороны.
Установка кода кнопок социальных сетей в блог
Открываем редактор шаблона, находим строку: <data:post.body/>. Если в шаблоне их две, то нам нужна вторая по счету.
Ниже данной строки вставляем сохраненный ранее код (можно вставить выше, но тогда кнопки будут выводится не в конце статьи, а после заголовка).
После этого, удаляем из него участок: data-curtain data-shape="round" Если этого не сделать, то при сохранении будет появляться ошибка.
Теперь нужно добавить условие, чтобы кнопки не выводились на главной странице. Для этого, до кода вставляем строку: <b:if cond='data:blog.pageType == "item"'>. А после кода добавляем: </b:if>.
Сохраняем изменения.
Комментарии