Mi propio Blog

Trucos para personalizar la opción "Leer más..." de Blogger

Comentarios (0)

Hace un tiempo, Blogger realizó una serie de cambios en su estructura que arrojó como resultado unas cuantas características muy útiles para cualquier blogero.

Entre estas nuevas funciones, una de las más interesantes en es la posibilidad de dividir en dos partes una entrada, mediante la pulsación del botón en el editor de entradas "Insertar salto de línea".

Cuando incluimos este salto de línea, la entrada de nuestro blog se divide en dos partes, quedando una visible en la portada y la otra accesible a su lectura mediante la pulsación sobre el botón "Más información...".

Si seguimos las instrucciones de esta guía para utilizar este truco, podremos obtener a cambio una mejor personalización del mismo, pudiendo incorporar una frase o palabra que se ajuste mejor a nuestros requerimientos, además de la posibilidad de mejorar el aspecto de la misma y añadir un icono.

1. Nos desplazamos hasta la pestaña "Plantilla", también a veces llamada "Diseño" y luego a la opción "Edición de HTML" para finalmente tildar la opción "Expandir plantillas de artilugios".

En el caso de desear cambiar la frase por un texto de nuestra preferencia:

2. Buscamos este bloque de código:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

3. Cambiamos <data:post.jumpText/> con, por ejemplo, "Continuar la lectura..."

En el caso de desear incluir un icono a la frase:

1. Buscamos la etiqueta ]]></b:skin> y agregamos este bloque de CSS:

.jump-link{
background: transparent url(url de nuestra imagen) no-repeat left bottom;
}

2. En donde debemos cambiar "url de nuestra imagen" por la dirección en la que se encuentra la misma. Si deseamos que este icono aparezca a la derecha de la frase y no a la izquierda, debemos sustituir "left" por "right".

En el caso de requerir un mayor tamaño de la tipografía de la frase:

1. Agregamos la línea font-size: 14px; debajo de .jump-link{) en el bloque de código anterior.

Si deseamos otro tamaño de tipografía, cambiamos el número 12 por el tamaño de letra que mejor se adapte al estilo de nuestro blog.

Si esta página te gustó, puedes compartirla ...

Seguramente esto te interesa

Programas para bajar musica gratis

Una seleccion de los mejores programas para bajar musica gratis. Descargas gratis de todos.

6 Simples consejos para navegar seguros

Cada dia que pasa aparecen nuevas y mas sofisticadas amenazas que impiden que podamos disfrutar por completo de nuestra navegacion por Internet phishing, robos de identidad, Tabnabbing y muchas otras estan agazapadas esperando a que demos un paso en falso. En este articulo conoceremos algunos consejos para mantenernos a salvo.

Cómo limpiar las pantallas touchscreen

Las pantallas touchscreen frecuentemente presentan suciedad y manchas de grasa, la limpieza tiene que hacerse con mayor frecuencia y muchas veces esa limpieza no es la correcta para este tipo de material. Es por eso que en este articulo te mostramos cuales son las mejores y mas seguras formas de mantener tus pantallas tactiles impecables y cuidadas siempre.

Tecnología VoIP: llamadas a muy bajo costo

Cuando se piensa en reducir costos, las tecnologias actualmente disponibles pueden ayudar a ahorrar en telecomunicaciones, y la tecnologia VoIP (Voz sobre IP) es una buena opcion para ello. Conoce como VoIP puede significar un importante ahorro para tu empresa u hogar.

Todo lo que hay que saber antes de comprar una netbook