Это цитата сообщения Jorjorych Оригинальное сообщение

Плейлист душевных воспоминаний!

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

   Шаг первый:

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

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

Шаг второй:

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

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

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

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

Шаг третий:

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

 

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

 

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

<div style="background-image: url(https://ic.wampi.ru/2021/05/02/Dushevnaya.gif); width:800px; height:600px; border-radius:30px;"><div align="left" style="padding-left:250px;padding-top:10px;"><table><tbody><tr><td>КОД ПЛЕЙЛИСТА</td><td style="padding-left:100px;">КОД ТРЕКА 1</td><td>КОД ТРЕКА 2</td><td>КОД ТРЕКА 3</td><td>КОД ТРЕКА 4</td><td>КОД ТРЕКА 5</td><td>КОД ТРЕКА 6</td><td>КОД ТРЕКА 7</td></tr></tbody></table></div></div>

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

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

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

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

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

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