Seguro que alguna vez os ha entrado el gusanillo de crear un blog para hablar de vuestras cosas pero nunca lo acabáis haciendo porque en cuanto te pones a dejarlo bonito todo se vuelve un lío. Que si códigos html, que si vete a la plantilla, que si vete al diseño —¿no es lo mismo? Pues no—, que si he puesto este código y la que he liado porque se me ha roto todo... y encima os ponéis a buscar tutoriales por internet. Eso ya es el desastre, porque muchos están desactualizados, otros están fatal explicados y alguno está bien explicado pero ¡sorpresa! Lo pongo en el mío y se rompe todo y esto es un desastre.
Así que he decidido abrir este blog para recopilar todos esos tutoriales que yo he seguido y que me han funcionado. Lo actualizaré a medida que descubra nuevas cosas que añadir al blog pues mi objetivo principal es enseñaros a crear un blog desde cero y que estos tutoriales se queden aquí de forma perenne para que podáis echarles un ojo cuando queráis.
Hoy voy a enseñaros lo primero que hago yo en cuanto empiezo a diseñar un blog. ¿Es necesario hacerlo lo primero? Pues mirad, no, pero es que si no luego se me olvida y se queda ahí eternamente y queda tan TAN feo que lo mejor es quitarlo desde el principio y ya está.
Por cierto, os aconsejo que escojáis la plantilla sencilla con el fondo completamente blanco porque es la más cómoda para trabajar y en la que es más fácil añadir cosas.
Cómo quitar "TECNOLOGÍA DE BLOGGER"
Lo más seguro es que esto os dé un poco de igual pero yo os aconsejo que lo quitéis porque queda muy feo y se puede poner de maneras mucho más bonitas —que ya os enseñaré, pero vamos a empezar por lo fácil. Hay varias formas, pero yo os voy a enseñar la más sencilla que es la que estoy utilizando últimamente porque me parece muchísimo más cómoda.
En la página principal tenéis una serie de categorías en la parte izquierda de tu pantalla y para esto os tenéis que ir a la que pone "tema". Cuando estéis en Tema, veréis que tenéis dos imágenes, una grande y otra que imita a la plantilla del móvil. Bueno, pues dais la botón de personalizar que hay debajo de la imagen grande e iréis a parar a una página en la que tenéis arriba un rectángulo oscuro con opciones y abajo vuestro blog. Bien, tenéis que ir a avanzado e ir a la anteúltima opción, a la de CSS. En resumen, tenéis que hacer esto:
Tema --> Personalizar --> Avanzado --> Añadir CSS
Y aquí añadimos el siguiente código:
#Attribution1 {
display:none;
visibility:hidden;
}
display:none;
visibility:hidden;
}
¿Qué es lo que hace este código? Pues que no se vea lo de tecnología de blogger. Me gusta más esta forma que la otra que conozco, porque tenías que andar toqueteando códigos y a veces se te iba la mano y la liabas bien.
Cómo borrar SUSCRIBIRSE A: ENTRADAS (ATOM)
A ver, seamos sinceros, esto no lo ha utilizado nunca nadie y si alguien lo ha utilizado que me lo diga porque realmente me interesa saber cómo funciona. La cosa es que si nadie lo utiliza ¿para qué vas a tenerlo ahí? No tiene ningún sentido, así que os voy a enseñar a quitarlo.
Bueno, lo primero que hay que hacer es ir a temas y a editar HTML. No os pongáis nerviosos, esto es facilito, os lo prometo. En cuanto entréis os encontraréis con un montón de códigos pero encontrar el que necesitamos es muy fácil. Pulsad ctrl+f para que salga el cuadro de búsquedas y escribid ahí: Blog feed links. Os llevará a este código y tenéis que borrar la frase que he señalado en rojo:
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
Al borrar quedará un espacio, así que simplemente dadle a suprimir para que </div> suba de línea y esté todo juntito.
Si al guardar y salir os sale algo así como ¿estáis seguro de que queréis salir? Dadle a sí y salid. A veces blogger se pone un poco tonto, pero a mí nunca me ha pasado nada, así que no os preocupéis.
CÓMO QUITAR LAS LÍNEAS DE PUNTOS QUE HAY DEBAJO DEL BLOG
Esto es algo que yo he aprendido hace bastante poco porque no tenía ni idea de cómo se hacía esto. Las líneas que hay debajo también son superfeas, al menos las que vienen por defecto y a mí me gusta quitarlas para que quede todo lo más bonito posible, así que os voy a enseñar cómo se hace para que os quede limpito.
Vamos con la que hay al final, esa línea de puntitos que va de un lado a otro. Tenemos que volver al html y esta vez hay que buscar: .footer-outer. Te encontrarás dos, pero solo nos sirve uno, el que está incluido en el siguiente código:
.footer-outer {
border-top: $(footer.bevel) dashed #bbbbbb;
}
border-top: $(footer.bevel) dashed #bbbbbb;
}
Lo que os he señalado en rojo tenéis que cambiarlo por none y ya estaría quitada esa línea. Dadle a guardar y vamos a por la otra línea de puntitos, esta vez a por la que está donde la página principal.
Volvemos a buscar un código, esta vez tenéis que buscar: $(paging.background) y habréis encontrado una línea con ese código.
.blog-pager {
background: $(paging.background);
}
Tenéis que borrar la línea que os marco en rojo. Dais a suprimir para que el corchete suba a esa línea y ya está. Borrada.
Y por hoy hemos terminado, habéis dejado un blog limpito para ir diseñándolo poco a poco, metiéndole códigos y personalizando su imagen hasta dar con el estilo que más os guste a vosotros. Os prometo que estos códigos funcionan porque lo he ido haciendo a medida que iba escribiendo, así que no vais a tener ningún problema en hacerlo.
De dónde he sacado esto: The little coccinelle, Personalización de blogs
No hay comentarios:
Publicar un comentario