;  MY LIFE: COSAS PARA BLOGGER: COMO MODIFICAR LA ESTÉTICA DEL "LEER MÁS"

03 abril 2011

COSAS PARA BLOGGER: COMO MODIFICAR LA ESTÉTICA DEL "LEER MÁS"

Ya os comenté como poner de un modo automatizado el "leer más" en otra entrada del blog (poner "leer más"), pero en este post os quiero comentar la forma de modificarlo (el tamaño de la imagen, el número de palabras del trozito que aparece en el blog, el estilo...).


Ésto, al igual que la explicación y el script que puse en el otro artículo, lo podéis encontrar en ciudadblogger.

Configurar el tamaño de las imágenes y el número de palabras que aparecerán en el resumen del  post.


Ésto se hace al principio del script:



summary_noimg = 400Número de caracteres cuando la entrada NO tiene una imagen
summary_img = 300Número de caracteres cuando la entrada tiene una imagen
img_thumb_height = 125Alto de la imagen en miniatura
img_thumb_width = 125Ancho de la imagen en miniatura


Modificamos los números según lo que queramos y ya lo tenemos hecho.




Cambiar el color de fondo, del texto....


Tenemos que pegar antes de  ]]></b:skin> lo siguiente:

.rmlink {
float:right;

background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a {

color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.rmlink:hover {

background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}
Pondremos el color que queramos en lugar del texto que tenemos en verde.



Cambiar el texto o poner una foto en su lugar


Ya os comenté que el texto se podía cambiar en el script, simplemente modificándo el Leer más que aparecía en rojo; pero también podéis usar una imagen en lugar de un texto. Para ello debemos sustituir el texto por el código de la imagen que vayamos a utilizar:


<img src="URL de la imagen" />
Espero que os sirva para vuestro blog.