Читать дальше
В стандартных шаблонах blogspot-а предусмотрена функция убирания части текста «под кат». И реализовать её не совсем просто. Есть несколько решений данной проблемы, например, специальная функция в «новом» редакторе Блоггера, которая отображается в панели инструментов. Но расскажу вам сегодня о самом, на мой взгляд, оптимальном способе добавить в пост кнопку «читать дальше«.
Пишем статью в обычном старом редакторе. Там, где хотим вставить заветное слово, которое скроет весь дальнейший текст под кат нужно вставить код:
<!— more —>
Сохраните его в текстовый файл, если не хотите запоминать, чтобы код был всегда под рукой. И вставляйте, когда это необходимо.
Преимущества такого метода работы:
1. Вы можете прятать под кат любую часть текста и делать это, начиная с любой строчки. Это неоспоримый плюс, если сравнивать с вставкой в шаблон кода, который делает одинаковые превью для всех статей блога.
2. Вставка автоматического инструмента от Blogger-а зачастую приводит к тому, что из-за нестандартных размеров, колонки вашего блога съезжают вниз. Это конечно поправимо, но зачем из-за такой ерунды лезть в html-редактор?
Как заменить саму надпись «Читать дальше» на что-нибудь другое?
В стандартных настройках Блоггера стоит просто слово «Далее«. Вы можете вместо него поставить всё, что захотите. Для этого заходим в панель управления блога и переходим на вкладку «Дизайн«. В самом центре находим прямоугольную часть с заголовком «Сообщения блога«. В самом низу этого прямоугольника есть ссылка «Изменить» — нажимаем на неё. В появившемся окошке под заголовком «Параметры основной страницы» находим строчку «Текст ссылки на Страницу сообщения«. И видим справа от неё искомую надпись «Далее«, которую собственно и меняем на «Читать дальше» или «more«, или… в общем, на всё, что хотите. Не забудьте сохранить!
Что делать, если надпись «читать дальше» всё-равно не появилась?
Скорее всего, это значит, что у вас далеко не стандартный шаблон. Но не стоит печалиться, всё поправимо. Как обычно в подобных случаях идём в панель управления на вкладку «Дизайн» и далее — «Изменить HTML«. Ставим галочку напротив надписи «Расширить шаблоны виджета» и приступаем к поиску строчки:
<div class=’post-body entry-content’>
Нашли? Теперь медленно прокручиваем страницу вниз в поисках закрывающегося тега </div>. За ним вставляем следующую часть кода:
<b:if cond=’data:post.hasJumpLink’> <div class=’jump-link’> <a expr:href=’data:post.url + "#more"’><data:post.jumpText/></a> </div> </b:if>
Сохраняем шаблон. Всё готово. Не забывайте перед редактированием HTML-кода вашего шаблона делать резервную копию, чтобы не испортить блог из-за невнимательности.
СТАТЬИ ИЗ РУБРИКИ:
- Favicon для Blogger — иконка блога
- Похожие статьи для Blogger
- Сервисы обновления для сателлита на WP
- Sape и Ucoz: установка кода, проблемы, ошибки
- Бесплатный платный хостинг для сателлитов
- Слив банкролла и рост с 500 рублей до 5 тысяч: третья неделя ставок
- Простой Earn OKX: что это такое и как я зарабатываю 10% годовых в криптовалюте
- От взлётов к падениям: вторая неделя тестирования ставок на спорт
- SEO-король ИИ и кликбейта наказан MediaVine и Google
- Запускаю эксперимент по ставкам на спорт