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