Например, для общей рамки размер холста увеличиваю на 20 пикселей.
Потом, ещё раз топаю в увеличение размера холста
и увеличиваю высоту ещё на 40 пикселей с положением "вниз".

Теперь, сам код.

<table align="center"border="0" cellpadding="0" background="ссылка на изображение" >
<tr><td valign="bottom" align="left" width="ширина изображения " height="высота изображения" style="padding:0px" >
аудио
</td></tr></table>


1. Копируем код, который написан выше.

2. Вставляем в редактор html новой записи в блоге.

3. Загружаем изображение ниже кода



4. Вписываем в код ширину и высоту,
эти параметры видны в коде изображения.
В моём случае ширина 580, высота 504.
В коде аккуратненько, не задев кавычек,
стираем слова "ширина изображения" и "высота изображения",
а вместо них вписываем значения с кода изображения.



5. Жмём на предпросмотр.
Подводим к изображению курсор
(у меня изображение - однотонный фон),
клик правой кнопкой мыши по нему,
из списка выбрать - копировать ссылку на изображение



6. Жмём на "вернуться" и вставляем скопированную ссылку
вместо "ссылка на изображение", а код картинки удаляем



7. Стираем в коде "аудио" и на это место
добавляем музыку из правого окна редактора "вставить" - аудио



Жмём на "Предпросмотр" и получаем



Если всё устраивает, публикуем.
Это всё.
Может существуют другие, более простые способы,
но я проще этого, с учётом почти полного отсутствия знаний html,
не встречала.

С теплом, Ольга Бор.