Показываю на примере одного из своих плейлистов

   Шаг первый:

Зайти на сайт SoundCloud, выбрать трек или плейлист (или создать свой), нажать "Доля \ Share" на выбор всего плейлиста или трека.

Выбрать "Встроить \ Embed", выделить кликом код и скопировать его

Шаг второй:

Ввести скопированный код в "Новую запись" дневника, после сохранения записи перейти в черновик. Там будет, примерно, такое:

Жмите "Редактирование". Удалите часть кода из квадратных скобок

и измените значения [iflash=100,300, на [iflash=20,20, ... Откройте вкладку редактора "Источник" и удаляйте весь "хвост" кода. В итоге - необходимый код кнопки плейлиста.

То же самое делается для создания кода (и кнопки) треков. Создаёте столько, сколько желаете, сохраняются в редакторе, а лучше скопировать в текстовый документ для дальнейшего создания открытки с плейлистом. 

Шаг третий:

Имея коды кнопок 

прописываем их между тегами td в html код такого вида

Итоговый код данного примера

Позиционирование плейлиста на фоне задаётся параметрами padding-left"X" - отступ с левого края фона и padding-top"X" - отступ с верхней кромки фона.

Цвет кнопкам задаётся в их кодах - последние шесть символов отмеченные тут красным: color=%23ff0000 

Коды цветов из фотошопа или отсюда

Желаю Вам творческого вдохновения!

Серия сообщений "HTML, скрипты":
Часть 1 - Оформление дневника с помощью HTML
Часть 2 - HTML
...
Часть 20 - Романтический вечер!
Часть 21 - Inita Abolinya. Плейлист. Аккордеон.
Часть 22 - Плейлист душевных воспоминаний!

Серия сообщений "Плейлисты":
Часть 1 - Плейлист
Часть 2 - Евгений Дога-Вальсы и музыка из кинофильмов
...
Часть 34 - Божественная музыка от Koreckolga!
Часть 35 - Inita Abolinya. Плейлист. Аккордеон.
Часть 36 - Плейлист душевных воспоминаний!