Автор рамки Litizija   Все ее рамки здесь http://www.liveinternet.ru/users/litizija/

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте мои уроки!

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

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

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

Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 20 - Как вставить изображение, текст и плеер в рамочку с кодом(1)
Часть 21 - Как загрузить музыку в дневник из ПК и создать красивый плеер
Часть 22 - Как вставить плеер, плейлист и картинку в рамку с кодом(2)
Часть 23 - Добавление к предыдущему посту .Как изменить размер плеера
Часть 24 - Как сжать размер картинки (фона) до требуемой величины для загрузки в дневник.
...
Часть 33 - Все коды для оформления дневника в одном месте
Часть 34 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 35 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом

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