Серия сообщений "смайлы":

Часть 1 - Новогодние смайлики + код
Часть 2 - СМАЙЛИКИ на выбор!
...
Часть 19 - Смайлики "Мышка, Крыска" - символ 2020 года (много не бывает...)
Часть 20 - Смайлики: Новый год! Рождество, праздники, зима и другие...
Часть 21 - Пасхальные смайлики, картинки
Часть 22 - «Тортики, пироженки»

Серия сообщений "Пасха":

Часть 1 - Христос Воскресе!
Часть 2 - Фотографии в альбоме "Пасха" Nata-Leoni
...
Часть 42 - Пасхальный Клипарт на прозрачном фоне
Часть 43 - «Пасха» - стикеры
Часть 44 - Пасхальные смайлики, картинки
Часть 45 - Пасхальное-рамочка

Заходишь на сайт,выбираешь песню и на чистом поле нажимаешь правой кнопкой

Выскакивает табличка и в самом низу жмёшь на строчку  Посмотреть код

Выскакивает вот такая табличка

И только потом нажимаешь на выбранную песню ПускПоявляется   код песни

 Жмёшь  левой кнопкой ,строчка засинится нажимаешь правойвыскочит табличка 

Жмёшь правой кнопкой и тебя перекидывает на муз  файл.Берёшь копируешь код и вставляешь в плеер

https://tunnel.ru/post-syuzanna-tepper-syuzanna-magnitoalbom-1993

В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

Пример. Убираем весь написанный выше текст во флейм, а чтобы сократить длину поста, уменьшим высоту прокрутки до 100px (кнопка прокрутки справа)

Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:
<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">
В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

***Ваш текст*** Прокрутка появится, как только вы вставите свой текст         ***Ваш текст*** Прокрутка появится, как только вы вставите свой текст

Серия сообщений "~цветочные":
Часть 1 - Рамочка № 67.
Часть 2 - Рамочка № 75.
...
Часть 14 - Рамочка № 188.
Часть 15 - Рамочка № 203.
Часть 16 - Рамочка № 204. (с прокруткой).

Серия сообщений "~для друзей":
Часть 1 - Рамочка № 31.
Часть 2 - Рамочка № 32. "Жду на чай своих Друзей!".
...
Часть 6 - Рамочка № 141. "Моим Друзьям!".
Часть 7 - Рамочка № 162. "Счастья тебе, дорогая подруга!"
Часть 8 - Рамочка № 204. (с прокруткой).
Часть 9 - Рамочка № 275.

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1630222/Boxes4eposl_01.png" cellpadding="0" cellspacing="0" height="70" style="border:0px none #000000" width="800"> <tbody> <tr> <td align="center" style="padding:20px">  </td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1630225/Boxes4eposl_02.png" cellpadding="0" cellspacing="0" height="70" style="border: 0px none rgb(0, 0, 0);" width="800"> <tbody> <tr> <td align="center" style="padding:10px"> <div style="overflow-y: scroll; width:760px; height: 400px; margin-left: 0px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" height="225" width="675"> <tbody> <tr> <td> <p> <span style="font-size: 16px;"><span style="font-family: Century Gothic;">ВАШ ТЕКСТ... </span></span></p> <p>  </p> <p style="text-align: center;">  </p> <p>  </p> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1630226/Boxes4eposl_03.png" cellpadding="0" cellspacing="0" height="104" style="border:0px none #000000" width="800"> <tbody> <tr> <td align="center" style="padding:20px">  </td> </tr> </tbody> </table> </center> <p>  </p>

Серия сообщений "***РАМОЧКИ для рубрик":
Часть 1 - Рамка-книга, двусторонняя
Часть 2 - Прозрачная рамочка с прокруткой
Часть 3 - Простые рамочки с прокруткой
Часть 4 - Рамочка для рубрики "дессерт"
...
Часть 46 - Рамки с прокруткой для текста -"Винтаж-золото"2
Часть 47 - Рамки с прокруткой для текста -"Винтаж-золото"
Часть 48 - Рамки с прокруткой для текста -"Винтаж-золото"800х463

Серия сообщений "ПРИВЕТСТВИЕ, ЭПИГРАФЫ":

Часть 1 - Добро пожаловать в блог. Работа Светланы Кузнецовой.
Часть 2 - Моему дневничку -1 год.
...
Часть 35 - Встречаю друзей/коллаж
Часть 36 - Добро пожаловать в мой мир/приветствие
Часть 37 - Приветствие в блог-надпись в движении
Часть 38 - Коллаж "Добро пожаловать" от Vi-Natalka
Часть 39 - Эпиграф Welcome
Часть 40 - Эпиграф "С любовью к музыке"
Часть 41 - Эпиграф "Добро пожаловать в мой блог"
Часть 42 - Дизайн "Сиреневые тюльпаны" от Sauly