Eliminando el título y la descripción del blog

Como dije en el tutorial "Creando una cabecera para el blog", al colocar nuestra cabecera podemos comprobar que el título del blog sigue apareciendo en forma de texto encima de la cabecera. Hoy aprenderemos cómo ocultar este título, o eliminarlo directamente, así como cómo hacer lo mismo con la descripción del blog. Pues bien, ¡empecemos!

Para ocultar o eliminar el título del blog debemos acceder a nuestro escritorio Blogger, una vez allí iremos a 'Plantilla' y clicaremos en 'Editar HTML'. Nos deberá aparecer nuestro código HTML (no os asustéis, no va a ser complicado siguiendo estos sencillos pasos).

Bien, como podéis comprobar el código HTML es el cerebro de nuestro blog, todo lo que aparece en él es lo que aparecerá en nuestro blog, según los estilos en que venga definido cada objeto (ya sea un gadget, un fondo, etc.). En este caso vamos a ocultar el título del blog para que no aparezca superpuesto en la cabecera. Para ello clicaremos en cualquier parte del código HTML y pulsaremos el comando "CONTROL+F" para que se abra el buscador.

Activado el buscador, vamos a buscar en el el siguiente texto:

.Header h1{

Encontraremos la parte del código mencionada, debe de ser algo parecido a esto:

Bien, pues lo único que deberemos hacer es insertar la siguiente línea debajo del texto que hemos buscado:

display:none;

Deberá quedarnos tal que así:

Bien, con esto ya tendremos el título del blog oculto. Aconsejo ocultarlo y no eliminarlo ya que conseguimos el mismo efecto y, si bien algún día quisiéramos volver a poner dicho título, tan sólo tendríamos que borrar la línea que hemos agregado al código HTML.

La otra opción que comenté fue la de eliminar el título del blog. Eliminarlo directamente, como digo, es una opción, pero para mi sería más recomendable simplemente ocultarlo. Si bien hay gente que prefiere eliminarlo directamente así que, procedemos de la siguiente manera:

Para eliminar el título del blog debemos acceder nuevamente al código HTML de nuestro blog y buscar las siguientes líneas:

<b:if cond='data:blog.url == data:blog.homepageUrl'>     <data:title/>   <b:else/>     <a expr:href='data:blog.homepageUrl'><data:title/></a>   </b:if> </b:includable>

Para eliminar el título del blog definitivamente, lo único que tendríamos que hacer sería eliminar las partes del código que he marcado en rojo, es decir, los <data:title/> que aparezcan. Hecho esto clicaríamos en 'Guardar plantilla' y comprobamos los resultados.

Bien, ya hemos ocultado el título del blog, ahora vamos a ocultar la descripción. Esto es algo muy opcional, pero os explico cómo hacerlo de igual manera. El proceso para ocultar la descripción es el mismo que para ocultar el título, pero cambiando la línea del código a buscar, en este caso la siguiente:

.Header .description {

Una vez encontrado, escribiríamos debajo la misma línea que para el caso anterior:

display:none;

Hecho esto ya tendríamos la descripción oculta, clicamos en 'Guardar plantilla' y habremos terminado. si, como en el caso anterior, lo que quisiéramos fuera eliminar esta descripción, buscaríamos las siguientes líneas:

<b:includable id='description'>   <div class='descriptionwrapper'>     <p class='description'><span><data:description/></span></p>   </div> </b:includable>

En este caso eliminaríamos lo marcado en rojo, <data:description/>, y ya tendríamos eliminada la descripción del blog. Con ello guardaríamos la plantilla y habríamos terminado definitivamente.

Pues, creo que puedo decir que ¡hemos finalizado otro tutorial!, espero que haya sido todo claro y fácil de completar. En caso de que surgieran dudas os ruego que las plasméis en los comentarios, para así poder ayudaros más concretamente.

Espero que os haya gustado y que os haya resultado sencillo, como siempre, espero también que me mostréis los resultados y ¡que dejéis vuestra huella en los comentarios!