Читать дальше
В стандартных шаблонах 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
- Запускаю эксперимент по ставкам на спорт