Цитата сообщения Nelya_Gerbekova самый легкий! В этом уроке я покажу как создать плеер на любой вкус,  используя замечательный онлайн сервис. Пользуюсь   данным сервисом давно, а сегодня, поэкспериментировав, выкладываю все, что у меня получилось. Цвет и размер плеера можно менять в один клик. 

 

 Открываем расширенный  редактор и загружаем аудиофайл обычным способом через кнопку "Выберите файл". В поле редактора и  в графу "Заголовок" вставьте все, что хотите, главное, чтобы эти поля не были пустыми. Предупреждаю! Размер файла не должен превышать 8 mb! Немного подождите, пока файл загрузится.Скорость загрузки зависит от скорости вашего интернета. 

Загружаем файл из ПК и публикуем в ЧЕРНОВИК

Вот, что получилось! Далее переходим по ссылке "Редактировать"

Внимание!  Объясняю для очень новеньких лирушников!

Сервис Лиру при загрузке  вашего музыкального файла в сообщение формирует прямую ссылку на этот файл и,  для того чтобы вы смогли прослушать музыку, автоматически формируется  вот такой серенький  плеер. Но нам нужна только ссылка!!!! Поэтому мы копируем нашу ссылку и несем ее в другой сервис , который предоставляет возможность создать из вашей ссылки плеер по вашему вкусу,например, такие как вверху этого поста. Главное, правильно скопировать ссылку! Это несложно, как кажется на первый взгляд. 

Жмем на кнопку "ИСТОЧНИК",  чтобы скопировать ссылку на аудиофайл. Внимательно скопируйте  именно ту часть кода, которая выделена синим цветом без квадратных скобок и прочих знаков

Далее, переходим  в онлайн сервис  http://flv-mp3.com/ru/mp3/      устанавливаем значок  mp3 и кликаем по кнопке "Собрать" Для удобства откройте ссылку на сервис в новой вкладке правой кнопкой мыши.

Здесь работаем только с полями, которые  выделены  желтым цветом! Больше ничего трогать не нужно! Все остальные функции предназначены для пользователей сайтов.  В графу "Прямая ссылка на mp3-файл" вставляем свою ссылку, предварительно   очистив поле от знаков. Размер плеера по умолчанию слишком большой (470*70) я обычно выбираю ширину 350 - высота определяется автоматически.

Если предложенные цвета не нравятся выберите скин (внешний вид) плеера, установив значок 

Если полученный результат не нравится жмите "Редактировать".  Сервис выдает два кода . Копировать нужно код для ЖЖ , выделенный желтым цветом . Код копируется  правой кнопкой мыши "Выделить все" -"Копировать"

 

Готовый код плеера вставляем в сообщение дневника. Внимание! Любой код на Лиру вставляется при нажатии на кнопку ИСТОЧНИК  в левом верхнем углу. Код  данного плеера работает в текстовом поле сообщения, встроить плеер в  код  рамки  у меня не получилось. (При вставке  кода плеера в рамку образуется белый фон) Пробуйте! Может у Вас получится?

Все варианты создания и вставки плеера  в текст сообщения или рамку с кодом

Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 32 - Как сделать окошко для кода рамки
Часть 33 - Все коды для оформления дневника в одном месте
Часть 34 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 35 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом

Серия сообщений "Музыка для Лиру":
Часть 1 - Удобный и бесплатный сервис для хранения и публикации медиа-файлов.
Часть 2 - Шесть способов вставки музыкального плеера в сообщение дневника
...
Часть 5 - Как вставить плеер, плейлист и картинку в рамку с кодом(2)
Часть 6 - Как создать простую рамочку в дневнике и превратить ее в музыкальную открытку
Часть 7 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 8 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом
Часть 9 - Как вставить плеер с сервиса ПростоПлеер (по просьбе ПЧ)