Como Añadir Boton de Abrir/Cerrar En Blogger

En el dia de hoy te mostrare como añadir un boton de  Abrir/Cerrar a blogger. La idea es si tienes un archivo X escondido y para que el lector lo pueda ver debera dar click en el boton de Abrir/Cerrar. Este boton es de gran ayuda para proteger tu contenido de spammers, copiadores etc. Este boton esta hecho con los codigos de CSS y HTML.

Chequea Articulo Como Añadir el Widget Back to the Top

Tambien puedes cambiar el texto Abrir/Cerrar por el que te guste. Puedes esconder archivos tales como imagenes, codigos, archivos de audio, subir enlaces etc.con este boton. En este tutorial esta confeccionado con multiples elementos de CSS cuales recortaran las imagenes grandes. La demostracion esta aqui debajo.

Despues de haber añadido el HTML solo edite o añada tu contenido a esconder .

Añadiendo los codigos de HTML/CSS

Para añadir este boton a un articulo ve a la pestaña de HTML en el editor de Blogger y añade el codigo de abajo.

<div id="spoiler" style="display: none;">
Añadir Contenido Escondido Aqui
</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button">Abrir/Cerrar </button>
<br />

Configurar el boton

Cambie el texto Añadir Contenido Escondido Aqui con el contenido que deseas esconder con el boton Abrir/Cerrar . 

Chequea Articulo Como Añadir Zoom Efect a las Imagenes
 
Cambie el texto Abrir/Cerrar con el texto que desees que aparezca en el boton.

Eso es todo. Todo esta listo Ahora tu contenido estara seguro para los lectores regulares.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati