Всё под рукой | Всё, что нужно начинающему блогеру. ...
"Твоя Соня". Софья Федоровна Омирова-Колчак. - (0)"Твоя Соня". Софья Федоровна Омирова-Колчак. Об этой женщине не писали восторженных книг, не...
История любви русской красавицы Екатерины и тайского принца Чакрабон - (0)История любви русской красавицы Екатерины и тайского принца Чакрабон ...
Новогодние флеш-часики - (0)Новогодние флеш-часики Размеры можно менять ...
Новогодние флеш_приветствия с часиками на ваши страничк - (0)Новогодние флеш_приветствия с часиками на ваши странички .....Размеры можно менять ...
Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой |
Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Одна из читательниц задала мне вопрос. Как, вместо привычного "Читать далее" вставить картинку? Я никогда этого не делала и поэкспериментировав в черновике выкладываю результат. Здесь нашла много таких кнопок - картинок. Это можно сделать двумя способами. Первый способ - загрузить картинку на фотохостинг и вставить ссылку в специальный код
<img src="Ссылка на картинку" />
Фотохостинг на Ваше усмотрение. Например, Радикал-фото
Или Яндекс - фотки.
Копируем специальный код в блокнот и вместо текста "Ссылка на картинку" аккуратно вставляем ссылку с фотохостинга
Далее, копируем готовый код из блокнота, идем в редактор, устанавливаем курсор в нужное место и кликаем на значок >>>
В выпавшем окне, в графе ТЕКСТ ССЫЛКИ вставляем скопированный код. Внимание для тех, кто не знает! Эту графу можно оставить пустой и просто нажать"ОК" . В этом случае на месте разрыва, где вы ставили курсор появится вот такой тэг,
который означает "ЧИТАТЬ ДАЛЕЕ", Но... после того, как Вы нажмете "ОПУБЛИКОВАТЬ" откроется развернутый пост. И только в общем потоке "ЗАПИСИ" над аватаром, или в рубрике Вы увидите пост со ссылкой " ЧИТАТЬ ДАЛЕЕ" при нажатии, на которую, откроется остальная часть поста. В графу ТЕКСТ ССЫЛКИ можно написать любое другое слово, например, "СМОТРИ ДАЛЬШЕ", "ЖМИ СЮДА" , тогда вместо ссылки "ЧИТАТЬ ДАЛЕЕ появится это слово.
Это было небольшое отступление от темы, для тех, кто не умеет прятать часть сообщения. Итак, код картинки вставлен в графу.
Картинка в редакторе должна выглядеть вот так:
Вот и все! Опубликуйте в ПРЕДПРОСМОТР и проверьте результат
Второй способ. В дневниках очень много таких кнопочек с готовым кодом в окошке под картинкой. Скопируйте код из окошка и вставьте в графу ТЕКСТ ССЫЛКИ, точно так же, как я показала на скринах. Вот Здесь очень много таких кнопок .
Еще один вариант. Если вам приглянулась такая кнопка(без кода в окошке) в каком-нибудь сообщении в качестве ссылки, установите курсор на картинку, щелкните правой кнопкой мыши, выберите ПРОСМОТР КОДА ЭЛЕМЕНТА ( для Google Chrome, в других браузерах не знаю, пользуюсь только этим) скопируйте код и вставьте готовый код в графу ТЕКСТ ССЫЛКИ
При наведении курсора на код картинки ее цвет должен измениться .На скрине все предельно ясно.
Что означает "убрать под кат" и как это делается читайте пост:
Уберите под кат!!! Смешная ситуация для настроения.
Все уроки здесь
Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 26 - Почему пропадают картинки и фотки?
Часть 27 - Украшаем дневник! Как применить и управлять схемами
Часть 28 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 29 - Как скопировать схему оформления (дизайн) чужого дневника на ЛиРу
Часть 30 - Коды для оформления блога (дневника)
...
Часть 33 - Все коды для оформления дневника в одном месте
Часть 34 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 35 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом
Серия сообщений "Кнопки-переходы":
Часть 1 - Как сделать нарисованную кнопку''Жми здесь''
Часть 2 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 3 - Подписываем имеющиеся у вас кнопочки, с помощью сайта онлайн фотошоп
Часть 4 - Делаем самую простую кликабельную кнопочку с надписью.
...
Часть 21 - уроки для новичков своими словами. делаем ссылку на свой дневник
Часть 22 - Как создать кликабельную картинку или кнопку-переход в редакторе
Часть 23 - Бродилочка в Онлайн фоторедактор - Free Online-Image-Editor без знаний ФШ
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |