Posición título y descripción cabecera Blogger

Bueno, sin importar si es parte del diseño o no siempre me preguntan cómo quitar ese espacio en la parte superior de la plantilla, y en realidad es muy sencillo, sólo basta agregar un margen con valor negativo para cambiar la estructura del blog.

ANTES

DESPUÉS

Sólo hay que entrar en Diseño | Edición de HTML y:

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Plantilla ► Editar HTML

Buscamos la sección
/* Header
----------------------------------------------- */
y dentro de la sección y una vez localizado, añadir las lineas en rojo para cambiar espacio superior e izquierdo.

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
margin-left:-10px;
margin-top:-20px;
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
margin-top:-25px;
margin-left:-15px;
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}