>

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. 

Entradas que pueden interesarte

2 comentarios

  1. Buenos días!!

    Me gustaría saber como puedo colocar los botones de las redes sociales alineados como los tienes en este blog o bien todos en una línea. La plantilla que utilizo de blogger los pone en vertical y yo los quiero en horizontal pero no soy capaz de averiguar como hacerlo.

    Mi blog: blog.studiocuatro.es

    Gracias de antemano por su atención

    Saludos

    Diana

    ResponderEliminar
  2. Hola Diana, Lo primero tienes que poner todos los enlaces en el mismo gadget, tal y como explico en la entrada http://sarahuesca.blogspot.com.es/2012/04/gadget-de-sigueme-personalizado.html
    Después tienes dos opciones o bien editar los iconos que utilizas y hacerlos un poco más pequeños o bien ajustar dentro de diseño<plantilla<personalizar<ajustar ancho el ancho de la columna de tu blog.
    Seguramente habrá algún sistema tocando la plantilla del blog, pero yo no tengo mucha idea de esas cosas. Te recomiendo la página http://www.oloblogger.com/ que a mí me ayuda mucho. Cualquier cosa no dudes en ponerte en contacto conmigo, a través del blog o a mi correo sarapapak@yahoo.es. Un saludo

    ResponderEliminar