Для моей читательницы Валентина_Верченко, и тем, кому это нужно. 

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

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

3. Не знаю, как это делают другие, но я, сначала вставляю код плейлиста, а затем все остальное. Плейлисты на любой вкус , легко и просто  можно создавать здесь http://privet.ru/

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

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

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

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

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

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

Читайте мой  пост Вставляем текст и картинку в рамку с кодом

Серия сообщений "Для новичков ЛИ.РУ.":
Часть 1 - С чего начинать дневник?
Часть 2 - Кража постов
...
Часть 36 - Что может раздражать ваших читателей в вашем дневнике. Для новичков и не очень.
Часть 37 - Для новичков. Загружаем музыку с ПК и создаем плеер.
Часть 38 - Урок для новичков .Как вставить плейлист в рамку