21 marzo 2012

Imagen al final de las entradas como sello personal


Este truco permite añadirle una imagen al final de las entradas, a manera de “sello personal” del autor parecido (no igual) al de “acerca del autor” que utilizan los blogs alojados en Wordpress, y que viene por defecto en esa misma plataforma.

Aquie tienes una imagen para tengas una idea de lo que quiero decir:

 

Para agregar este truco solo busca en tu plantilla, sin expandir artilugios, lo siguiente:

.post-footer {
margin: .75em 0;
color:$sidebarcolor; }

O también puede ser que lo encuentras así:

.post-footer{margin:5px 0;}
De cualquier forma, siempre busca el inicio del corchete y el final del mismo { }
Para que nos permita poner una imagen allí, tendremos que añadirle los siguientes atributos:

padding:36px 4px 2px 4px;
background: url(https://lh3.googleusercontent.com/-75ufgnUBmCo/T1w4Qz0zReI/AAAAAAAAAMo/mE7SBe9I7Gs/s94/bloger%2520%2526%2520bloger%25203.jpg) no-repeat top right;}

De manera que los estilos nos quedarían así:
 
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
padding:36px 4px 2px 4px;
background: url(https://lh3.googleusercontent.com/-75ufgnUBmCo/T1w4Qz0zReI/AAAAAAAAAMo/mE7SBe9I7Gs/s94/bloger%2520%2526%2520bloger%25203.jpg) no-repeat top right;}

Nótese que lo que hemos añadido va al final de los estilos del post footer y antes del cierre de los corchetes. Deberás cambiar donde dice url de la imagen por la tuya, y lo que está en rojo es el tamaño donde irá la imagen, que puedes modificar para que se muestre la tuya sin problemas, teniendo en cuenta que la altura de la imagen no deberá exceder de 90px para que guarde proporción con relación al pie de las entradas. Donde dice right puedes cambiar para que no se muestre a la derecha poniendo left para izquierda o center si lo quieres en el centro.

No hay comentarios:

Publicar un comentario

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger