Как сделать спойлер для блога на Blogger

Как сделать спойлер для блога на Blogger

Что такое спойлер?Спойлер — такая конструкция, которая хранит в себе контент сайта, первоначально скрытый для пользователя
. При клике по ссылке раскрывается весь текст. вставляем в тело статьи в HTML редакторе

<div style="margin: 0px 0px 0px 0px;">
<div class="smallfont" style="margin-bottom: 0px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="background-color: #cfe2f3; border-color: #3d85c6; border-radius: 5px; border: solid 1px; color: #0b5394; cursor: pointer; font-size: 15px; font: bold 16px Georgia; margin: 0px; padding: 10px; width: 205px;class="qqq" onmouseover="this.style.background='green';" onmouseout="this.style.background='white';" value="Посмотреть весь текст:" /> </div>
<div class="alt2" style="margin: 0px; padding: 0px;">
<div style="display: none;background-color: #cfe2f3;">
<br />
<br />ТЕКСТ КОТОРЫЙ СКРЫТ СПОЙЛЕРОМ</div>

Красный цвет, это меняющиеся задние фоны кнопки и скрытого текста.
Настраивать цвета лучше в этом редакторе: