COMO QUITAR ''PUBLICADO POR'' EN BLOGGER!!!

Hola que tal estáis? Hoy vamos a por algo que nunca os había enseñado que es como quitar el ''publicado por'' y también el como encabezar la fecha y el pie de página!! Ya veréis que poco a poco tendréis el blog de vuestros sueños. Os voy ha enseñar como cambiar el pie de página poniendo una imagen, atentos al siguiente tutorial que aun que sea cortito os voy a enseñar muchas cosas ya veréis ya!! No sé cuando volveré a mi blog de creaciones tentativas, lo estoy pensando pero mientras tanto me tenéis por aquí, este no me ocupa demasiado tiempo, y mi otro blog de creaciones tentativas me ocupa mucho más porque le pongo 100% de mi tiempo, en cambio este con 20 minutos de explicación ya hay suficiente, creo yo, y es más fácil de llevar, para mi. Supongo que volveré pronto eso espero, cuando no lose, y pronto os enseño el cortometraje que he realizado hace poquito pero para eso tendréis que esperar un poquitin más. No os preocupéis que los días y los meses pasan volando y más sorpresas que ya os iré contando poquito a poquito!! 

Vamos al tutorial de añadir una imagen en el pie de página, para eso tenemos que tener puesta la plantilla Picture Windows todavía con la básica estoy investigando pero pronto sabréis algo. 

Vamos a:

                                                                             

                                    Plantilla/Editar HTML/ CTRL+F y buscas:

 /*Footer

Ahora debajo borras el codigo de la siguiente imagen.

Borramos todo lo que está subrayado!

y remplazamos lo que hemos borrado por este otro código.

.footer-outer {

background: url(URL DE TU IMAGEN FOOTER)no-repeat;

background-position: bottom center;

width:950px;

height:170px;

clear:both;

margin:0 auto;

padding-top:0px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:-1em;

text-align: center;

}

Si, de esa forma no os funciona, podéis ponerlo directamente en CSS, es decir así.

/*Footer

-----------------------*

.footer-outer {

background: url(URL DE TU IMAGEN FOOTER)no-repeat;

background-position: bottom center;

width:950px;

height:170px;

clear:both;

margin:0 auto;

padding-top:0px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:-1em;

text-align: center;

}

Ahora vamos a como enmarcar el pie de página, que también es muy sencillo, más de lo que pensáis solo tenéis que seguir el siguiente tutorial. Eso si recordar que para hacer lo de la imagen tenéis que tener la plantilla Windows si no no funcionará todavía le estoy dando un par de vueltas para poder añadirlo a la sencilla, pero eso será pronto. 

Accedemos a HTML, y buscamos:

/*Postsy debajo de .post-footer { añadiremos lo siguiente:

border:solid 2px;
border-color:#6666ff;
padding:5px;

Para definir nuestro estilo podemos variar lo siguiente: 

border: Define el estilo.
px: Es el grosor de la linea del marco a mas px mas grosor.
border-color: Define el color del marco.
padding: Es la distancia del texto con el marco.

Ahora os enseñaré algo más chulo todavía que es como emarcar la fecha de entrada, si como lo oís si no queréis pues no lo hagáis yo lo hago para la gente que quiere diseñarse un blog como el  mio, o el suyo propio, no hace falta tener la plantilla windows para añadir este texto vale!!! Pues vamos a enmarcar la fecha de blogger.

Accederemos a “Edición de HTML”, no es necesario expandir artilugios.

Buscaremos /*Posts

Y debajo de: h2.date-header {

Pegaríamos el siguiente código:

border:solid 2px;
border-color:#6666ff;
padding:5px;

Si queremos dar color de fondo bastaría con añadir:

background-color: #99C9FF;

Si queremos centrar la fecha respecto el post añadiremos:

text-align: center;

Si queremos hacerlo todo de una vez, el código a insertar seria este:

text-align: center;

background-color: #99C9FF;
border:solid 2px;
border-color:#6666ff;

padding:5px;

Podreís modificar el color y el grosor ahí ya como os guste más.

Y hasta aquí el post, de hoy espero que os aya gustado, nos vemos pronto,

un saludín!!

Con mucho amor,

María.