, para isto tem duas maneiras, siga apenas uma
1ªmaneira
Procure por
Acima desta tag cole]]></b:skin>
#mostrar{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRab65AM82qb38E4Cu49WgSsSIoh9XhDXhEth3RJRXs03B2OFfHKv5m_8gg6nvQldxAwm5H_zldhiMkDB1MidfD_jLrEawJumZ3W10cibpnJ3BeBokxL8pe7ABl7A11qoZtTvVj2kp6Jc/s1600/Untitled-2.png) no-repeat;
}
Agora cole o código abaixo onde quira colocar o botão com imagem<div class="pre-spoiler">
<input id="mostrar" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH2mqHNH1muFx_Cje2npmPSYY9aSD__lbzlS5czt-cfbdod4XpSZvfYthOOVSkFxL5k0Vo_9jQ_z2wXAQm9pZAbBjhzLk3y4QDhqxDZBOsWJ96fG0TtF-RMQmTLixB2N1ktLPFyvl4770/s1600/espa%25C3%25A7o.png' tabindex='2' title='Abrir' style="padding: 0px; width: 453px; height:24px; cursor: pointer;" 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 = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="image">
<div class="spoiler" style="display: none;">
<div style="text-align: center;">
CONTEÚDO A SER MOSTRADO E OCULTADO
</div></div></div>
2ªmaneira
Apenas cole o código abaixo onde queira colocar essa ação com imagem
Troque 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRab65AM82qb38E4Cu49WgSsSIoh9XhDXhEth3RJRXs03B2OFfHKv5m_8gg6nvQldxAwm5H_zldhiMkDB1MidfD_jLrEawJumZ3W10cibpnJ3BeBokxL8pe7ABl7A11qoZtTvVj2kp6Jc/s1600/Untitled-2.png' url da imagem que queira por para clicar e aparecer o conteúdo em baixo e troque 'CONTEÚDO A SER MOSTRADO E OCULTADO' pelo que queria mostrar ao clicar na imagem<div class="pre-spoiler"> <input src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRab65AM82qb38E4Cu49WgSsSIoh9XhDXhEth3RJRXs03B2OFfHKv5m_8gg6nvQldxAwm5H_zldhiMkDB1MidfD_jLrEawJumZ3W10cibpnJ3BeBokxL8pe7ABl7A11qoZtTvVj2kp6Jc/s1600/Untitled-2.png' tabindex='2' title='Abrir' style="padding: 0px; width: 453px; height:24px; cursor: pointer;" 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 = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="image"> <div class="spoiler" style="display: none;"> <div style="text-align: center;"> CONTEÚDO A SER MOSTRADO E OCULTADO </div></div></div>
Muito bom !