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

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