Boton ver mas!

-Como podeis ver ocupa un espacio reducido en el cual dentro de el codigo que os facilito,podreis ponerlo en html,de la barra lateral o en los post:

-El codigo a "copiar" es el siguiente "marcado en rojo":




<div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input id="xs" value="Ver más" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" 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 = 'Ver más';}" type="button"> </div><div><div class="spoiler" style="display: none;">COLOCAMOS AQUI LA PARTE A OCULTAR</div></div>

-Para quien quiera modificar:

-margin-left: 50px; La distancia del botón al borde de la entrada desde la izquierda.
-width: 80px: Ancho del botón.
-Si ponéis un texto más largo en el botón, tendréis que aumentar su tamaño aquí:
-font-size: 14px; Tamaño de la fuente del texto.
-font-family: trebuchet ms; Tipo de fuente del texto.