Пост возник в результате многочисленных вопросов по теме "Как загрузить музыку  с компьютера и создать красивый плеер".В свое время я научилась этому у Милолика_Покровская

1.Cоздайте новую запись в РАСШИРЕННОМ РЕДАКТОРЕ, напишите какой-нибудь заголовок,иначе сообщение не опубликуется и с помощью кнопки ВЫБРАТЬ ФАЙЛ загрузите музыкальный файл из компьютера весом не более 8мб, жмите В ЧЕРНОВИК. Подождите ,пока загрузится файл. .

 2. Жмите РЕДАКТИРОВАТЬ.Теперь редактированием и простыми манипуляциями можно изменить внешний вид плеера ,а для этого нам нужен код плеера.Скопируйте этот код плеера и вставьте его  чуть ниже вашего музыкального файла.Здесь будьте внимательнее! Код без открывающей квадратной скобки.После завершения всех манипуляций не забудьте перед словом flash в самом начале кода поставить квадратную скобку.

Код плеера.

flash=400,20,//img1.liveinternet.ru/images/attach/c/0/3709/3709068_jwplayer.swf?file=ОСНОВНОЙ КОД&width=400&height=20&backcolor=#B03060&frontcolor=000000&/]

У вас должно получиться вот так! 

3.  Теперь, чтобы скопировать ссылку на ваш файл и вставить его в плеер жмите на ИСТОЧНИК. Скопируйте ссылку очень внимательно, начиная после знака "равно" до "mp3" не включая закрывающую квадратную скобку, вставьте ссылку вместо слова ОСНОВНОЙ КОД. Снова жмите на ИСТОЧНИК, поставьте квадратную скобку перед словом flash и сохраните изменения. Если после сохранения изменений плеер не появился ОБНОВИТЕ СТРАНИЦУ вверху браузера. 

Получился вот такой симпатичный плеер

4.  Теперь можно изменить цвет плеера. Выберите любой цвет здесь Таблица HTML кодов цветов , скопируйте его и вставьте вместо  кода цвета  в плеере.

backolor=#Ваш код цвета

Как видите,  я изменила только  основной цвет плеера, а цвет кнопок и дорожки оставила по умолчанию .  Если есть желание их тоже можно изменить используя таблицу цветов ,но.... здесь нужно быть внимательнее! Код вставляется без знака # . 

frontcolor=Ваш код цвета

5. Если Вы довольны результатом, скопируйте код плеера(при нажатии на кнопку ИСТОЧНИК) и вставьте в  сообщение. 

Спасибо Rost за урок и код плеера.

Что делать,если в вашем ПК не оказалось нужного музыкального произведения? Зайдите СЮДА, впишите в поиск название или исполнителя , прослушайте, жмите на  квадратик и в новом окне скопируйте ссылку в строке браузера. Это и есть ссылка на аудиофайл. Далее как написано выше.

Серия сообщений " Оформление дневника на ЛИ.РУ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 21 - Урок для новичков.Вставляем текст и картинку в рамку с кодом
Часть 22 - Adblock Plus для Chrome — и назойливой рекламы больше не будет
Часть 23 - Для новичков. Загружаем музыку с ПК и создаем плеер.
Часть 24 - Урок для новичков .Как вставить плейлист и картинку в рамку
Часть 25 - Добавление к предыдущему посту .Как изменить размер плеера
...
Часть 30 - Убираем под кат! Как в редакторе ссылку *Читать далее* заменить картинкой
Часть 31 - Как скопировать схему оформления (дизайн) чужого дневника на ЛиРу
Часть 32 - Коды для оформления блога (дневника)