Кнопки есть разные.
Например, есть кнопки - флешки (шуточные). Развлекать? ту? https://www.cognotent.com/users/ka82/post275377421
Есть кнопки "дале? (убрать текс?по?ка?. Эт?можн?делать ?помощь?картинок-гифо??просто картинок. [more=<img src="АДРЕ?КАРТИНКИ" />]. Подробне?ту? https://www.cognotent.com/users/ka82/post171857399/
Пример?
Бере?картинку, например
Вставляем ее адре??те?br /> [more=<img src="//img0.liveinternet.ru/images/attach/c/2//70/855/70855532_blu_1.gif" />]
Пр?то ка?убират?по?ка?полробне?ту? https://www.cognotent.com/users/ka82/post171857399/
?здес?я хочу остановить? на таки?кнопка?


Можн?делать кнопки на любо?сайт, пост, страницу.
Если ва?устраивают только кнопки-картинки, то можете сделат?сами таку?"картинку" на сайт?(по?получившей? пустой кнопко?буде?слов?download - ?? загрузит?картинку)

Подобных сайтов, делающих кнопки он-лайн, мног? можете поискать ?Яндекс? Гугл???? ?любо?случае эт?"пустую" кнопку надо буде?вставить ?те?чтоб?ва?отсылало на како?то сайт.

Пример?тега:
1 Откроется ?то?же окне если правой клавишей мыши не указат?открыт??ново?окне:
<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" > КО?ПУСТОЙ КНОПКИ </form>
2 Откроется ?ново?окне / вкладк?даже если правой клавишей мыши будете просит?открыт??то?же окне. Ключев? команд?здес??пробелом target="_blank"
<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank"> КО?ПУСТОЙ КНОПКИ </form>
3 Откроется ?то?же окне если правой клавишей мыши не указат?открыт??ново?окне. Подходит для кодо?не только кнопок, но ?просто тексто??картинок - отсыло?br /> <a href="АДРЕ?КУДА ПЕРЕХОДИТЬ">КО?ПУСТОЙ КНОПКИ, КАРТИНКИ ИЛ?ПРОСТО СЛОВ?</a>
4 Откроется ?ново?окне / вкладк?даже если правой клавишей мыши будете просит?открыт??то?же окне. Ключев? команд?здес??пробелом target="_blank". Подходит для кодо?не только кнопок, но ?просто тексто??картинок - отсыло?br /> <a href="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank">КО?ПУСТОЙ КНОПКИ, КАРТИНКИ ИЛ?ПРОСТО СЛОВ?</a>
5 Аналог предыдущег?случ? 4, открывается всегда ?ново?окне / вкладк? просто пишется боле?коротк?
[url=АДРЕ?КУДА ПЕРЕХОДИТЬ] КО?ПУСТОЙ КНОПКИ, КАРТИНКИ ИЛ?ПРОСТО СЛОВ?[/url]

?здес?- ка?сделат?не просто кнопку-картинку, ?чтоб?пр?нажати?он?ещ??ка?будт?"нажималась".
Первый ви?кнопки, ?указание?точных размеров высоты HEIGHT: 100px ?ширины WIDTH: 607px. Если сделат?ширину меньше, текс?не поместит?.
<div align="center"> - просто команд?находить? кнопке по центру строки.
Итак, во?"пуст?" кнопка, ?? которая никуда не веде? можете жать на не?скольк?хотите:
<input style="WIDTH: ШИРИНА КНОПКИ НАПР. 207px; HEIGHT: ВЫСОТА КНОПКИ НАПР. 100px" type="submit" size="РАЗМЕР БУКВ НАПР. 33" value="ПОДПИС?КНОПКИ" />

?вообще кнопка буде?ва?отсылать туда, куда вы укажет? како?адре?страницы, сайт? блог? Заче?нужн? target="_blank" уж?знаете (чтоб?открывал??ново?окне / вкладк?, та?чт?можете стерет?эт?букв?пр?желани? Ширина ?высота фиксирован? но если текс?буде?слишко?длинны??ширину, то он просто не поместит? на кнопке, поэтом?надо подредактировать величину, например, сделат?ширину не WIDTH: 207px, ?WIDTH: 410px ил?даже больше (можн??меньше если текста мало)
Просто "пуст?" кнопка:

<input style="WIDTH: ШИРИНА КНОПКИ НАПР. 207px; HEIGHT: ВЫСОТА КНОПКИ НАПР. 100px" type="submit" size="РАЗМЕР БУКВ НАПР. 33" value="ПОДПИС?КНОПКИ" />

Кнопка, ведущая на како?то сайт:

<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank"><div align="center"><input style="WIDTH: ШИРИНА КНОПКИ НАПР. 207px; HEIGHT: ВЫСОТА КНОПКИ НАПР. 100px" type="submit" size="РАЗМЕР БУКВ НАПР. 33" value="ПОДПИС?КНОПКИ" /></div></form>

То же, но бе?фиксированного указан? широты ?высоты. ?этом случае он?растянется на ширину текста:
<div align="center"> - просто команд?находить? кнопке по центру строки.

?во?ту?даже не?фиксированного размер?букв (?таки?случ??размер переносится ?настроек дизайн?дневника применительн??размер?текста ?ваше?дневнике). ?тогд?эт?уж?не кнопка...
Во?чт?получилось:

<input style="type="submit" value="Пише?любо?те? />

Другой ти?кнопки:
"Пуст?" кнопка:

<input type="submit" value="ПОДПИС?КНОПКИ">

Кнопка, ведущая на сайт:

<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank" method="get"><input type="submit" value="ПОДПИС?КНОПКИ"></form>

Кнопка ?таки?во?фоно?
"Пуст?" кнопка:

<input type="submit" value="ПОДПИС?КНОПКИ" style="background-image:url('АДРЕ?КАРТИНКИ-ФОНА КНОПКИ')" />

Кнопка, ведущая на сайт:

<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank" method="get"><input type="submit" value="ПОДПИС?КНОПКИ" style="background-image:url('АДРЕ?КАРТИНКИ-ФОНА КНОПКИ')" /></form>

Текс??размер на кнопке можн?увеличит?подобн?тексту ?сообщени? Обрамление b:
<b>ВНУТРИ БУДЕ?ЖИРНЫЙ ШРИФ?/b></b>
Обрамление font size="+1" (можн??+2, ?+3 по желани? ил?font size="4pt"
<font size="4pt"> ВНУТРИ БУДЕ?ТАКО?РАЗМЕР</font>
Сравните ?предыдущим варианто?если только ?ваше?дневнике текс?не являет? крупны?по умолчани?(тогд?разниц?можете не увидет??? этот шриф?уж?сделан настройкам?дизайн?дневника):

<b><font size="+1"> <input type="submit" value="ПОДПИС?КНОПКИ" style="background-image:url('АДРЕ?КАРТИНКИ-ФОНА КНОПКИ')" /></font></b>

По идее, посл?слов?style=" можн?приписат?не только фо? но ?вс?чт?хотите применимое ?обычному тексту ?тега?типа div (шриф? размер ???). Во?пример "пустой" кнопки:

<input type="submit" value="ПОДПИС?КНОПКИ" style="background-image:url('ФО?КНОПКИ'); font-family:ШРИФ?БУКВ НАПР.arial; font-size:РАЗМЕР БУКВ НАПР.24pt; color:ЦВЕТ БУКВ НАПР.#00FF00;" />

Третий ти?кнопки:
"Пуст?" кнопка. Текс?пояснялк?/b> нуже?для того, чтоб?когд?вы наводите курсор на кнопку, даже не нажимая на не? появляет? всплывающи?текс?подсказк?

Наведи курсор сюда

<button title="ТЕКС?ПОЯСНЯЛК?><table border=5><tbody><tr><td><center><font color=#ЦВЕТ БУКВ НАПР. #BA55D3 size=РАЗМЕР БУКВ НАПР. 4>НАЗВАНИЕ КНОПКИ</font></center></td></tr></tbody></table></button>
Для те? кт?знае?те?"таблиц?, можете увидет? чт?table border="5" - эт?рамк?таблиц?толщин?5. Можете сделат?толщин?больше (напр. не 5 ?11) ил?меньше (напр. 1). По умолчани?0 рамк?вообще НЕ буде? ?цвет по умолчани?ка?правил?цвет?букв (?ме? - черный, но эт?види?Опер? ?Эксплоэр НЕ види?!!), поэтом?рамк?можете "раскрасить" по правилам работы ?таблицам? например border: #119931 3px solid;
Итог?вместо <table border=5> получится: <table style="border:#F70000 3px solid; ">
Пояснение: #F70000 - цвет рамк? 3px толщин?рамк? solid - стил?рамк?

Кнопка, ведущая на сайт:

НЕОБЫЧНЫ?ТЕКС?

<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank" method="get"><button title="ТЕКС?ПОЯСНЯЛК?><table border=5><tbody><tr><td><center><font color=#ЦВЕТ БУКВ НАПР. #BA55D3 size=РАЗМЕР БУКВ НАПР. 4>НАЗВАНИЕ КНОПКИ</font></center></td></tr></tbody></table></button></form>

Четвертая кнопка:
"Пуст?" кнопка.

<button style="BACKGROUND: #ЦВЕТ ФОНА КНОПКИ НАПР. #8080ff; WIDTH: ШИРИНА КНОПКИ НАПР.150px" type="submit"><img src="URL КАРТИНКИ"></button>

Кнопка, ведущая на сайт:

<form action="АДРЕ?КУДА ПЕРЕХОДИТЬ" target="_blank" method="get"><button style="BACKGROUND: #ЦВЕТ ФОНА КНОПКИ НАПР. #8080ff; WIDTH: ШИРИНА КНОПКИ НАПР.150px" type="submit"><img src="URL КАРТИНКИ"></button></form>

?во?такая кнопка, даже ?картинко??переносами :)
Экспериментируйт??цветом ?границей рамк?(пункти? двойная, точечн? ???)

<div style="BORDER-RIGHT: #4400CC 13px dashed; BORDER-TOP: lightblue 13px solid; OVERFLOW: auto; BORDER-LEFT: #8884ff 13px double; WIDTH: 500px; BORDER-BOTTOM: lightblue 13px groove; HEIGHT: 100px; BACKGROUND-COLOR: #FF00CC"><font color="#FFFFFF">ВА?ТЕКС?/font></div>

текс?/b>
Эт?стрелк?- обычно?слов?"текс? ?шрифте wingdings. Тако?эт?шриф?- букв?превращает ?рисунк? Попробуйте вместо слов?"текс? вписат?како?то другое слов??посмотреть чт?буде? ?если наведете сюда курсор, то прочтете ещ??всплывающу?подсказк?/font>
<center><button title="ВСПЛЫВАЮЩИ?ТЕКС?><table border="3"><tr><td><center><font size="5" font="font" color="#b22222" face="wingdings"><b>ТЕКС?ПРЕВРАЩЕННЫЙ ?РИСУНК?/b></font><br /><font size="3" font="font" color="#000000">ВА?ТЕКС?/font></center></td></tr></table></button></center>