"Читать далее" на Blogger


Здравствуйте! В этой статье поведаю, как на главной странице блога автоматом вставлять начало вашего поста, ограниченное заданным количеством символов, и первую попавшеюся в нем картинку.

По умолчанию в блогспоте на главной странице выводится статья целиком и для того чтобы спрятать ее часть, оставив вступление, нужно при форматировании
текста в редакторе блоггера в месте "разрыва" нажать на кнопку "Вставить ссылку "Дальше"

Таким образом посетитель вашего блога сможет бегло просмотреть заголовки и (если вы правильно напишете вступления) краткие содержания статей. О том, как написать статью, я уже выложил некоторые свои соображения.

Так вот, есть возможность возложить размещение на главной блога только начала сообщения на некий скрипт, который будет самостоятельно выполнять эту задачу, делая это более изящным образом. Результат работы этого скрипта можно посмотреть на главной странице моего блога.
Делаем следующее. Переходим в настройки blogger → шаблон → изменить html, ставим галочку Расширить шаблоны виджета и ищем (ctrl+F или +F) такую строчку:
и заменяем ее на
следующие цифры можете изменять по своему усмотрению:
  • 430 — это количество символов, если текст без картинки
  • 340 — с картинкой
  • 100 — высота и, соответственно, ширина первой в тексте картинки. Ее лучше делать пропорциональной значениям, которые вы введете, иначе скрипт просто "сожмет" или, наоборот, "растянет" изображение.
"Читать далее" можете заменить на любое другое сочетание или слово.

Запомните: каждый раз перед изменением шаблона делайте его резервную копию!

Вот и все, что нужно сделать. Спасибо за внимание.

Яндекс.Метрика