1. Копируем  код рамки и вставляем его  в поле расширенного редактора, при нажатии на кнопку  ИСТОЧНИК (в левом углу редактора)

Снова жмите на ИСТОЧНИК и проверьте результат 

3. Не знаю, как это делают другие, но я, сначала вставляю код плейлиста, а затем все остальное. Картинку и текст можно вставить в рамку через визуальный редактор, а вот КОД любого файла вставляется в  HTML  редактор через кнопку ИСТОЧНИК. При переходе в  этот самый редактор   новичку трудно  определить куда  вставлять код, поэтому слово ВАШ ТЕКСТ  или можно написать другое навигационное слово например, МУЗЫКА ,  которое служит  ориентиром для вставки кода.   Таким образом, можно написать в расширенном( визуальном) редакторе любое слово большими буквами в любом месте  рамки и затем в ИСТОЧНИКЕ найти это слово.

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

Снова жмите на ИСТОЧНИК ,найдите слова ВАШ ТЕКСТ и аккуратно  вместо них вставьте код плейлиста

4.Проверяем результат

5. Теперь можно вставлять картинку, поставив курсор в нужное место. Если плейлист слишком прижат  к верхней рамке, я поступаю так: левой кнопкой мыши щелкаю   по левой стороне плеера,(выделяю) и жму на ENTER. Рамка плейлиста опускается вниз, освобождая место для картинки . Вставляю картинку из ПК обычным способом 

 

Если картинка не вставляется проверьте ее расширение

6.Обычным способом можно вставить в рамку текст.

Вот что получилось.

Как изменить внешний вид вот такого плеера с сайта http://privet.ru/ .

Скопируйте код, вставьте в поле редактора и в ЧЕРНОВИК.Затем, ;жмите на РЕДАКТИРОВАТЬ . Перед вами появится вот такой код, который легко изменить

Получился вот такой симпатичный плеер. Теперь при нажатии кнопки ИСТОЧНИК скопируйте код и  вставьте в рамку или сообщение (опять  же  с помощью кнопки ИСТОЧНИК)

Еще уроки

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

Как загрузить музыку с ПК и создать красивый плеер 

Как создать красивую рамку в редакторе дневника и превратить ее в музыкальную открытку