¿Cómo se hizo?

Básicamente es el esqueleto de mi Blog

La finalidad de éste apartado es que otros usuarios puedan entrar y ver como he construido éste espacio, además de servirme como recordatorio cuando necesito modificar algo en mi Blog ¡Saludos!


► Ocultar Contenido

<a href='#' onclick='Effect.toggle("expandir1","slide"); return false'>►Información</a><div id='expandir1' style='display: none;'>Aquí va el contenido que se ocultará</div>

► Insertar PDF

<br />
<div style="text-align: center;">
<iframe frameborder="0" height="620" marginheight="0" marginwidth="0" scrolling="no" src="Link-PDF" width="620"></iframe></div>

► Tabla

Insertar cuadro:

<div style="border: 1px solid black;">
<span style="background-color: white; color: #222222; font-family: Arial, sans-serif; font-size: 13px; line-height: 16px;">Contenido del Citado</span></div>

Titulo
<table align="center" bgcolor="#ffffff" border="0" cellpadding="3" cellspacing="1" style="width: 620px;"><tbody> <tr><th bgcolor="#424242"><span style="color: white;">Titulo</span></th></tr> <tr><td bgcolor="#BDBDBD"><div style="background-color: transparent;"> </div> <ul> <li>Redactar Texto</li> </ul> <ul></ul> </td></tr> </tbody></table>

<a href='#' onclick='Effect.toggle("expandir1","slide"); return false'>►Titulo</a><div id='expandir1' style='display: none;'>Aquí va el contenido que se ocultará</div>

Codigo de Colores HTML
http://html-color-codes.info/codigos-de-colores-hexadecimales/
http://www.colorhexa.com/

Menú
http://ciudadblogger.com/2011/03/como-usar-cualquier-menu-en-las.html
http://ciudadblogger.com/2013/03/menu-horizontal-con-subpestanas-y-buscador-integrado-2.html

Y más...

Trucos y Tutoriales:

http://ciudadblogger.com/

Hacer una Galería de Imágenes

Agregar Wiget Twitter

Eliminar el "Publicado por..."

Como poner iconos sociales

Iconos:

Buscador de Iconos

Como insertar boton de contacto (Correo)

Descargar Plantilla del Blog completa

Menú Lateral
http://ciudadblogger.com/2009/08/menu-vertical-para-el-blog.html