Показаны сообщения с ярлыком Blogspot. Показать все сообщения
Показаны сообщения с ярлыком Blogspot. Показать все сообщения

среда, 4 июля 2018 г.

Добавление кнопки "Читать далее"


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

Сама надпись выглядит достаточно невзрачно. Чтобы как-то разнообразить свой блог, ее можно заменить яркой кнопкой.

Для этого мы воспользуемся услугами сайта https://dabuttonfactory.com, где можно соорудить собственноручно кнопку по своему вкусу. Интерфейс сайта английский, но интуитивно понятный. Методом проб и ошибок можно выбрать наиболее подходящий дизайн.
После того, как кнопка будет создана, ее надо скачать, нажав на кнопку Download. По умолчанию она сохраняется в папке Загрузки.

Теперь нам нужно получить адрес изображения. Для этого создадим пустое сообщение и вставим в него нашу кнопку. Затем, заведя на нее курсор, нажмем правую кнопку мыши и выберем "копировать адрес изображения".



Создаем текстовый файл и вставляем туда адрес.

Далее открываем шаблон блога. Для этого идем в настройки - Тема - Изменить HTML.
Ставим курсор в окно шаблона и нажимаем Ctrl+F. Откроется окно поиска.
Нам нужно найти часть кода: <data:post.jumpText/>, которую мы удаляем и заменяем следующим:

<img src="адрес изображения" alt="Читать далее >>>" title="читать статью полностью"/>

(Вместо "адрес изображения" поставляем свой адрес изображения).

Немного выше мы находим <div class='jump-link'>  и меняем его на <div class='jump-link'  style='text-align:left;' >

На этом все. Стоит только сохранить все изменения и наслаждаться новой кнопкой.



Замена значка (фавикона)

Изначально в Блоггере стоит свой значок, буква В в оранжевом квадрате, но наравне с этим существует возможность заменить его другим значком по своему желанию.
Для начала нужно подобрать картинку либо на специализированном сайте типа www.favicon.by, где также можно нарисовать свой вариант, либо же подобрать картинку, соответствующую следующим параметрам - не более 100 кБ с равнозначными сторонами, т.е. квадрат.
Когда картинка подобрана, идем в Дизайн, находим самую верхнюю вкладку Значок и жмем Изменить.



В открывшемся окошке нажимаем Выбрать файл, выбираем, нажимаем Сохранить.



Создание меню под заголовком



1. Зайти в настройки, Дизайн, поперечный столбец, нажать изменить.



2. Поперечный столбец - Добавить гаджет - Список ссылок (или Список страниц).
3. Добавить адрес страницы и ее название.


4. Сохранить.

Р.Ы. Страницы специально создавать не надо, размещая сообщения, указывайте ярлыки. Сообщения, собранные под одним ярлыком, и образуют отдельную страницу. Ее адрес и название потом и нужно будет указывать при создании меню.