Изменить текст ссылки Читать дальше Добавить символ



Доброго времени суток всем. В статье Эффект всплывающих заголовка ссылок изображений и другие трюки в blogger я немного затронула тему, как изменить текст и добавить символ к надписям ярлыка, автору, дате публикации поста.

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

По разному на своих сайтах владельцы оформляют текст ссылки "дальше". Это может быть только текст, символ, или текст вместе с символом. На одном из своих блогов у меня оформлен последний вариант, скриншот:

Пример оформления текста ссылки Дальше

Также другие варианты

читать подробно ... ; далее [...] ; дальше >>>; подробнее ►; весь текст →;

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

Добавить символ к тексту Читать далее

В поле пишем текст, добавляем символ, сохраняем. В родных темах блоггер ссылка активна текст+символ. На сторонних шаблонах можно без текста, идем шаблон изменить шаблон, находим строку читать дальше и меняем, или добавляем к тексту символ. 

Чтобы быстрее найти код ссылки в шаблоне, нажмите на надпись "дальше", затем правая кнопка мыши посмотреть код элемента.

Также можно воспользоваться клавиатурой, добавить фигурные скобки, многоточие, угловые элементы. Фантазируйте, выделяйте свои сайты индивидуальным оформлением. Делитесь с друзьями. В меню вкладка CSS, почитайте интересные посты для дизайна блогов. Удачи и всего доброго.

Еще статьи по теме:

TEXT.RU - 100.00%





Автор статьи ✎ Olga Protasova Выпуск ✹ 5/21/2016 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь Генератором HTML кода

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *