He estado "jugando" en mi block de pruebas un rato y he modificado de forma simple la apariencia de la fecha de las entradas:
En el HTML de la plantilla, en la parte del CSS, está: h2.date-header {, esta parte es la fecha de las entradas, normalmente se ve así:
h2.date-header {
margin:1.5em 0 .5em;
}
Yo le he añadido algunos valores, hasta encontrar el efecto que quería, y me ha quedado así:
h2.date-header {
margin:1.5em 0 .5em;
width: 100px;
text-align:center;
text-transform:uppercase;
border: solid #000000 1px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background: #c0ffff
}
Os explico lo que he hecho:
width: 100px; esto hace que el tamaño del borde que añadiré luego tenga el tamaño que quiero, si no lo ponemos el borde se adaptará al tamaño de la entrada.
text-align:center; esto hace que el texto esté en el centro del borde.
text-transform:small; para que el texto se vea en mayúsculas, si cambiamos uppercase por small se verá en minúsculas.
border: solid #000000 1px; el color y grosor del borde, si aumentas 1px, se verá mas grueso y si cambias #000000 se verá del color que quieras.
-moz-border-radius: 15px;
-webkit-border-radius: 15px; esto hará que los bordes se vean redondeados.
background: #c0ffff esto es el color del fondo, podéis cambiarlo por el vuestro.
Y este ha sido el resultado:
Si lo que estáis buscando es ocultar la fecha de las entradas, olvidaros de lo anterior y simplemente añadis en h2.date-header {
margin:1.5em 0 .5em;
}
esta línea:
visibility:hidden;
Compartir Enlace
Si no te gusta como queda la barra de Blogger tienes dos opciones: quitarla u ocultarla. En mi caso yo he decidido (después de investigar por ahí) no quitarla, es decir, no la vemos pero está ahí.
He encontrado opiniones para todos los gustos, y la verdad es que decidí no quitarla después de leer este post, el caso es que al poner la imagen de fondo en la página, no se porque, la barra se movió un poco hacia abajo y quedaba muy fea. Por más que le di vueltas al código de la plantilla no conseguí arreglar nada así que volví a "rebuscar" para encontrar el código que me permitiera quitarla y fue cuando encontré este que la oculta.
Hay que pegarlo entre las etiquetas head en la plantilla del blog Edición html
Yo lo he puesto en el CSS antes de ]]></b:skin>:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Compartir Enlace
Para empezar tenemos que alojar la imagen que queremos en algún alojamiento de archivos y,si es gratuito mejor ¿no? yo uso siempre Imageshack y nunca me ha dado problemas, está en inglés pero tiene una interfaz muy intuitiva, o sea, que es fácil de manejar.
Cuando tengas tu imagen alojada copias su ruta.Vas al panel de control de blogger pinchas en “Plantilla” y a continuación en “Edición HTML”.
Buscas el siguiente código:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Añades la url tu la imagen para que aparezca como fondo, dentro del bloque “header”, si quieres eliminar los bordes,borra la línea “border”: border:1px solid $bordercolor;Si tu imagen mide 660px de ancho perfecto, sino puedes establecer otro ancho, si lo que quieres cambiar es la altura puedes añadir el valor height, especificando la altura que quieres. Yo hice mi propia imagen, así que le di el tamaño de la cabecera de plantilla.
Quedaría así:
#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header {
margin: 5px;height:100px;
background-image: url(http://URL DE TU IMAGEN);
text-align: center;
color:$pagetitlecolor;
}
Usando la vista previa puedes ir variando el alto y el ancho según lo necesites para adaptar la imagen, ya sabes: ancho-width, alto-height.
Actualización
Aunque Blogger actualmente permite subir una imagen directamente a nuestro header desde el panel de edición de elementos, este sistema puede seguir usándose si necesitas añadir la cabecera directamente en el código de la plantilla.
Compartir Enlace
Este es un Post de Prueba para CopyPasteandoBlog.Blogspot.com. Este blog nació un dia como hoy, un día soleado pero a la ves lluvioso. Un día feliz con mucha tristeza, y un día agradable pero molestoso.
¿Que día es hoy? No lo sé, no tengo calendario, solo esta PC donde escribo estas líneas, que además no tiene acceso a internet por que me lo cortaron por no pagar. No tengo nada que hacer, ni trabajo, ni nada. Sólo esta PC que tiene el teclado malogrado, ya que no escribe bien.
¿Porqué no borro éste post? Porque justo cuando lo iba a hacer se me fue cortaron la luz porno pagar el recibo y yo ya no puede borrarlo, además tengo cosas mas importantes que hacer que estar escribiendo estas líneas. Así que no borraré este post porque mi teclado ya se quedó sin tinta.
ALAOS...
