Centrar títulos de las entradas

A algunos, por motivos de estética, les gusta tener los títulos de las entradas del blog completamente centradas, en vez de alineadas a la izquierda como establece Blogger por defecto. Para centrar los títulos de las entradas hay que hacer lo siguiente, muy sencillo además: Bajo este código... .post-title{ ...pegamos...

Cómo escribir un buen post (Infografía)

Cortesía de MissLavanda.blogspot.c...

Fecha debajo del título

Blogguer, por defecto, pone la fecha de las entradas alineada a la izquierda y antes de cada post. Si queremos tenerla justo debajo del título y además centrada, con este tutorial podremos conseguirlo. Proceso: todo directamente en la plantilla HTML. Pasos: Primeramente, buscaremos y borraremos este código...

Papá Noel colgante

Cuando llega la Navidad se hace imprescincible decorar los blogs con motivos navideños. Este Papá Noel trepando por una cuerda dará la bienvenida a los lectores de cualquier blog. Su instalación es sencilla y el resultado, muy ameno. Para poner el Papá Noel colgante basta con copiar este código en un gadget...

Imagen de fondo en el post-footer

A diferencia de este truco en el que se podía enmarcar el post-footer, con este otro podemos poner una imagen de fondo.  Proceso: Buscar este bloque (puede diferir según el blog y a veces aparecer sólo la 1ª línea)... .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font:...

Línea inferior en títulos de las entradas

Con este sencillísimo truco pondremos una línea horizontal justo debajo del título de las entradas. Ubicación: plantilla. Buscar la línea .post-header { y colocar este código debajo:  border-bottom: 1px inset #707070; padding:2px; 1x es el grosor de la línea; #707070 es el color de la línea; inset...

Optimización SEO con meta tags

Foto cortesía de Business2Community La optimización en buscadores o SEO (Search Engine Optimization) es un aspecto clave y básico que no debemos pasar por alto a la hora de publicar una web ya que mejora su visibilidad en los resultados orgánicos de los diferentes buscadores. Cona las etiquetas meta description...

Estilo "Pullquote" en las entradas

El Pullquote es un elemento de texto, normalmente una cita o extracto de un artículo, que se coloca de mayor tamaño de letra, y sirve para destacar un tema clave o bien conducir a los lectores a un aspecto clave. Se usa mucho en periodismo. Un ejemplo lo tenemos en esta imagen en la que el efecto pullquote...

Imagen de fondo en títulos de las entradas

Con este truquito podemos ponerle una imagen de fondo a los títulos de las entradas. Ubicación: plantilla. Buscar estas líneas h3.post-title {  .post-title {  .post h3 { o en su defecto esta otra h3.post-title, h4 { y copiar debajo este código: background:url(URL DE LA IMAGEN) Solo nos queda...

Enmarcar el post-footer

Con este truquito, será muy fácil ponerle marco al footer de las entradas del blog.Buscar esta línea .post-footer {y pegar debajo de ella la siguiente:border:solid 1px #000000;padding:5px; Todo es editable a gusto personal.Solid es el borde. 1px es el grosor del borde.#000000 es el color (negr...

Enmarcar títulos en gadgets

Foto cortesía de Las ProvinciasUn truquito para dar alegría a los titulares de los gadgets y, sobre todo, dejar en claro dónde acaba uno y empieza otro. Así, el orden impera en el diseño conjunto del blog.Puede o bien, ponerse un color de fondo, o una imagen como background. Para el primer caso...Pegar encima...

Enmarcar fecha entradas

Un truco fácil y de resultado bien estético: tener la fecha del blog enmarcada, con posibilidad de poner color y tipo de letra a gusto personal.Buscar /*Posts y debajo de h2.date-header { pegar lo siguiente:text-align: center;background-color: #99C9FF;border:solid 2px;border-color:#6666ff;padding:5px;La fecha...

Link del email a una imagen

Este sencillísimo truco permitirá que pongamos nuestra dirección de email en una imagen (que no es igual a una imagen generada de la dirección de correo). Al posar el cursor del mouse sobre la imagen, esta nos llevará al servidor de correo para mandar un email a la dirección marcada. Esto se consigue con el parámetro...

Ocultar créditos "Con la tecnología de blogger"

Este truco tan solo los mantiene ocultos, no los elimina. Antes de ]]></b:skin> hay que pegar este código:#Attribution1{visibility:hidden;display:none;}Para que vuelvan a aparecer los créditos basta con borrar de la plantilla el mencionado códi...
Suscribirse a: Entradas (Atom)