Как вставить музыку в свой текст? Самый легкий способ

Я уже писал на эту тему: Как вставить музыку в свое сообщение? Но есть варианты вставки музыки в дневник попроще.
Для начала напомню уже имеющийся у вас под рукой способ.

1. Итак, Вы написали сообщение в свой дневник и хотите загрузить музыку. Видите вот такое окошечко под сообщением? Вот в "Обзоре" и найдите свою музыку (с компьютера или интернета), а затем нажмите кнопку "Опубликовать".

Вот, к примеру, я вставил таким образом знаменитый хит Джо Дассена "Et si tun existais pas"
2. Нажав на "Слушать", вижу вот такой код:
//img1.liveinternet.ru/images/attach/c/2//3827/3827585_joe_dassin__et_si_tun_existais_pas.mp3

3. Заходим на ЭТОТ САЙТ, выбираем слева Аудиоплеер и нажимаем:

4. Вставляем наш код из п.2 в окошко под надписью URL Аудио-файла, меняем (при желании) цвета будущего плеера и нажимаем Получить код.

5. Тут же заполнятся 4 окошечка с кодами, в том числе для ЛиРу и ЖЖ. Нам нужен самый первый - Код для LiveInternet . Копируем его (выделив мышкой) и вставляем в нужное место своего текста. Получим примерно такой плеер:

Вся операция заняла всего одну минуту!

Как легко найти и вставить музыку в дневник? >>>

УЧЕБНИК ДЛЯ ЛИ.РУ


ИСТОЧНИК

...УЧЕБНИК ДЛЯ ЛИ.РУ... ... Оглавление Просто нажмите на нужную тему и увидите полное сообщение* Что можно на ЛиРу, что может ЛиРу? и * Памятка начинающему блоггеру *КАК пользоваться ЛиРу? и * Что такое регистрация? и * Что такое авторизация? * FAQ - Ответы на самые часто задаваемые вопросы * Об аватарах в дневнике и * О рубриках (разделах) дневника и * О спецкодах * Правила пользования сервисом дневников * Что такое дневник? и * Что такое сообщение в дневнике? Как добавить: * сообщение в дневник? и * картинку (фото), видео и музыку в сообщение? * Оформление постов. Теги. Ответы на вопросы. и * Как сортировать посты дневника по рубрикам? * Что такое сообщество? и * Список всех сообществ ЛиРу. * Голосование и * Комментарии и * Эпиграф дневника и * ВСЁ о схемах на ЛиРу * Как пользоваться настройками дневника? * Как пользоваться разделом "Почтовые уведомления"? * Как пользоваться спецкодами (ВВ-кодами) на ЛиРу? * Что такое расширенный редактор? и * Как им пользоваться? * ЛиРу - работа с простым редактором и * ЛиРу - работа в расширенном редакторе * Программы для ведения дневников LiveInternet без захода в интернет * Добавление записей в дневник через e-mail * Краткий словарь начинающего лирушника и * Словарь блоггера * Он-Лайн Генератор цветов и цветовых схем. и * Удобная палитра цвета * Таблица 140 базовых цветов BgColor. и * Коды цвета для текстов и * Цветовая палитра на ЛиРу * Коды оформления блога (тексты) и * Полезные штучки для блога * Оформляем текст и картинки и * Шпаргалка цветных текстов * Генератор ШрИфТы ОнЛаЙн и * Как сделать "радужный" текст? * Сделать текст с прокруткой во флейме? * Фотопосты с коллажами за 5 минут! и * Интересный сайт (надписи на фото) * Как вставить много картинок в сообщение? и * Как сделать пост с множеством картинок? * Как делать великолепные фотоподборки? и * 99 сайтов фотографии * Отличный сервис (замена фотошопу) * Как вставить музыку в свое сообщение? и * Как вставить музыку в свой текст? Самый легкий способ! * Как скачать музыку с ЛиРу? и * Более 50 сайтов, где можно скачать музыку бесплатно * Как вставить в свой дневник видео с YouTube? и * 10 секретов Youtube * Всё о видеороликах в интернете. и * Секреты встроенного проигрывателя YouTube * Как сделать слайд-шоу? * Как сделать кнопку-указатель для блога? * Как сделать рамочку для текста самому? и * Рамочки для текстов * Рамочки с букетами-1 и * Рамочки с букетами-2 и * Рамочки с розочками-1 и * Рамочки с розочками-2 и * Рамочки с золотыми кружевами-1 и * Рамочки с золотыми кружевами-2 * Рамки для текстов в одной коробочке:) и * Блестяшки, фоны, рамочки для дневника * Как сделать флэш-часы для блога? и * Часики под ваш блог. Бонус - часики-рыбки * Суперчасики для блога и * Суперчасики для блога, часть 2 * Часики-натюрморты для дневника и * Часики-натюрморты-2 * Суперчасики с кодами! и * Часики-медальоны. Капельки. * Музыкальные цветы-открытки и * Кнопка-плеер * Супер-эффекты за секунду и * Генератор картинок (эффект воды) * Как сделать фотоприкол ? и * Веселящие ссылки (смешные обработки фото). * Поиграем в креатив:) * Поисковая машинка по бесплатным файлам mp3. * Музыка из различных рекламных роликов (ссылки). * О симпатиях и антипатиях * О звёздах за количество написанных постов * Скриншот, ссылка, симпатии... * Как создать отдельный домен для дневника на Лиру? * Как сменить Пароль или Почту? и * Как удалить дневник? * Как узнать возможности вашего компьютера? * Как узнать информацию о человеке, зная его IP ? * 5000 аватарок!!! и * Анимированные аватары из советских мультиков (250 шт.) * Как сделать анимированные аватары? и * Куколки, феи - идеальный аватар * Аватары. [300 шт.] и * Авики: Девушки и Цветы. + Отличные схемы. * Мои дизайны (аватары,эпиграф,схемы) и * Оригинальные схемы * Цветочные схемы-1 и * Цветочные схемы-2 и * Схемы на черном фоне и "зелёные" схемы * Осень! Новые схемы, аватары и * Красивые весенне-цветочные схемы * 200 красивейших фонов (цветы, листья, шишки) и * 100 потрясающих цветочных фонов! * Рисованные цветы (фоны) и * 95 шикарных абстрактных фонов * Бесшовные фоны для дизайна дневников. * Фоны на прозрачной основе. и * Шёлковые фоны и * Прозрачные бриллиантовые фоны * Большие фоны-заставки * Как писать тексты на цветных фонах? * Фотошоп онлайн: 13 лучших фоторедакторов и * Бродилка по урокам фотошопа * 33 полезные кнопочки и * Необычные поисковики и * 330 ссылок на бесплатные электронные библиотеки * Интернет для детей. Энциклопедия ссылок. и * ВСЁ о вязании (ссылки и видеоуроки). * Смайлики и * Говорящие смайлики)) и * Очередная порция забавных смайликов * Смайлики "с добрым утром", о любви и подарках. и * Смайлики: праздники, подарки, день рождения. * Красивые благодарности (смайлики "спасибо"). и * Смайлики-анимешки. * Смайлики: собачки, щенки. и * Весёлый зоопарк (смайлики животных). * Очень клевые смайлики с кодами! * 130 любимых мультяшек (рисунки животных). * Картинки-комментарии и * Картинки-комментарии с кодами и * Надписи-комментарии * "Добро пожаловать" c кодом * 120 разделителей для текстов с цветами и * Ваши любимые линеечки-разделители (155 шт.) * Разделители - самая большая коллекция! Часть 1 и * Часть 2 * Разделители: золотые, серебряные, цветные и * Разделители: цветные и разноцветные. * Осенние разделители. Большая коллекция! * Эпиграфы для блога и * Часики и украшения и * Часики-календарики с девушками * Украшения для дневника и * Календари для вашего дневника * Гиф-анимации для текстов и * Прикольные АНИМАШКИ (с кодом) * Обои: цветы на деревьях и на воде. * Новогодние рамки и разделители. и * Красивые новогодние постики (разделители текстов). * Новогодние бесшовные фоны. и * Зимне-новогодние бесшовные фоны. * Зимне-новогодние обои и фоны. Часть 1 * * Часть 2 * * Часть 3 * * Часть 4 15 самых популярных уроков, не вошедших в оглавление Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов. Теги, применяемые на ЛиРу. Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст. * Дополнительные спецсимволы HTML (редко используемые буквы и знаки) 1. Как выделить текст? <b>ВАШ ТЕКСТ</b>Полужирный текст <i> ВАШ ТЕКСТ</i>Выделение текста курсивом <u>ВАШ ТЕКСТ</u>Подчёркнутый текст <s>ВАШ ТЕКСТ</s>Зачёркнутый текст <tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки <cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом <p>ВАШ ТЕКСТ</p>Создание нового параграфа <hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________ <hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________ <br />Перенос строки (если двойная - абзац) <h1>Ваш Заголовок</h1> Заголовок (h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок) 2. Как изменить размер текста? маленький текст <small>ВАШ ТЕКСТ</small> маленький текст Уменьшить текст <font size="-2">текст</font> текст - 2 Увеличить текст+1: <font size="+1">текст</font> текст + 1 Увеличить текст+2: <font size="+2">текст</font> текст + 2 Увеличить текст+3: <font size="+3">текст</font> текст + 3 3. Как разместить текст (картинку) на странице и делать отступы? <div align="left">Ваш текст</div> Текст с выравниванием с левого края <div align="right">Ваш текст</div> Текст с выравниванием с правого края <div style="float:right;">Ваш текст</div><br clear="all" /> текст с правого краю в две строчки с выравниванием слева <div align="justify">Ваш текст</div> Равномерное выравнивание текста по всей ширине поста <center> Ваш текст</center> Текст будет по центру <img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle. <blockquote>Ваш текст</blockquote> Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов <p style="text-indent: 40px">Ваш текст</p> Предложение с отступом в абзаце. Как в книжках. Как сделать, чтобы текст «обтекал» картинку? Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 Код картинки примет вид: <img src="http:…" align="left" hspace="20" /> Помни: align=left – картинка слева, текст справа align=right - картинка справа, текст слева hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху): <img src="http:…" align="left" hspace="20" vspace="15" /> Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter. <br /><br /><br /> - три пустые строки. Вставить две и более картинки горизонтально: <nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост. 4. Как окрасить текст в разные цвета? КРАСНЫЙ: <font color="red">текст</font> красный текст Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст ГОЛУБОЙ: <font color="blue">текст</font> голубой текст Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый). * Коды цвета для текстов * Посмотреть сочетаемость цветов * Таблица "безопасных" цветов * Все цвета Интернета Вид шрифта: Шрифт этого текста "Monotype Corsiva" <font face="Monotype Corsiva" size="+1">Ваш текст</font> Все вышеперечисленные атрибуты тега font можно объединять в одном теге: Шрифт этого текста "Monotype Corsiva" код этого текста: <font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font> 5. Как сделать бегущую строку? Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee>бегущая вправо Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>бегущая от края к краю 6. Как сделать бегущую картинку? <marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.) 7. Как сделать скользящий (со скроллом) текст? Скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> Скролящийся вверх текст с полезной информацией, картинкой или ещё с чем-нибудьСкользящий вниз текст <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь информацией, текст с полезной Скролящийся вниз 8. Как сделать списки и сноски? Список c жирная точка спереди <ul><br /><br /><li>Ваш текст<br /><br /></li><li>Ваш текст<br /><br /></li></ul> Мужской клуб Женский клуб Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА</li><br /><br /><li> второй пункт Вашего ТЕКСТА</li></ol> Первый пункт текста Второй пункт текста Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска Сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска 9. Как сохранить текст таким, как вы написали? "Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre> Однажды в студеную зимнюю пору я из лесу вышел... 10. Как сделать всплывающую подсказку? Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет 11. Как дать ссылку на свой дневник или любой адрес? Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете: <b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин Точно также можно дать ссылку на фото, картинку или видео. Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15): <a href="Адрес страницы"><img src="Адрес картинки в сети" /></a> 12. Как скрыть часть текста (убрать под кат) ? Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать

Читать далее...