Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
 

Одна из читательниц задала мне вопрос. Как, вместо привычного "Читать далее" вставить картинку? Я никогда этого не делала и поэкспериментировав в черновике выкладываю результат.

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

<img src="Ссылка на картинку" />

Фотохостинг на Ваше усмотрение. Например, Радикал-фото

Или Яндекс - фотки. 

Копируем  специальный код в  блокнот и вместо текста "Ссылка на картинку" аккуратно вставляем  ссылку с фотохостинга

Далее, копируем готовый код из блокнота,  идем в редактор, устанавливаем курсор в нужное место и кликаем на значок >>>

В выпавшем окне, в графе ТЕКСТ ССЫЛКИ вставляем скопированный код. Внимание для тех, кто не знает! Эту графу можно оставить пустой и просто нажать"ОК" .  В этом случае на месте разрыва, где вы ставили курсор появится вот такой тэг, 

который  означает  "ЧИТАТЬ ДАЛЕЕ",  Но... после того, как Вы  нажмете  "ОПУБЛИКОВАТЬ"  откроется  развернутый пост. И только  в общем потоке "ЗАПИСИ" над аватаром, или в рубрике  Вы увидите пост   со ссылкой " ЧИТАТЬ ДАЛЕЕ" при нажатии, на которую, откроется остальная часть поста. В графу ТЕКСТ ССЫЛКИ можно написать любое другое слово, например, "СМОТРИ ДАЛЬШЕ", "ЖМИ СЮДА" , тогда вместо ссылки "ЧИТАТЬ ДАЛЕЕ появится  это слово.

Это было небольшое отступление от темы, для тех, кто не умеет прятать часть сообщения. Итак, код картинки вставлен в графу. 

Картинка в редакторе должна выглядеть вот так:

Вот и все! Опубликуйте в  ПРЕДПРОСМОТР  и проверьте результат

Второй способ. В дневниках очень много таких кнопочек с готовым кодом в окошке под картинкой. Скопируйте код из окошка и вставьте  в графу  ТЕКСТ ССЫЛКИ, точно так же,  как я показала на скринах. Вот  Здесь  очень много таких  кнопок .

Еще один вариант. Если  вам приглянулась такая кнопка(без кода в окошке) в каком-нибудь сообщении  в качестве ссылки, установите курсор  на картинку, щелкните правой кнопкой мыши, выберите ПРОСМОТР КОДА ЭЛЕМЕНТА ( для  Google Chrome, в других браузерах не знаю, пользуюсь только этим) скопируйте код и вставьте готовый код в графу ТЕКСТ ССЫЛКИ

При наведении курсора на код картинки ее цвет должен измениться .На скрине все предельно ясно.

 Что означает "убрать под кат" и как это делается читайте пост:

Наводим порядок в дневнике! Как разложить все сообщения в дневнике по полочкам и другие самые важные рекомендации для новичков!

 Уберите под кат!!! Смешная ситуация для настроения.

Все уроки здесь