¡Hola Bloggeras! ¿Cómo están En esta oportunidad les traigo un nuevo tutorial, este trata de como cambiar ese "Más información..." por algo más personalizado.
Este botón sirve para acortar un poco el inicio de tu blog, si tenemos una entrada demasiada larga esto sirve para que que se nos quede muy largo el blog.
Para ver el tutorial click en "LEER ESTA NOTA COMPLETA"
Por defecto el enlace dice Más información » para cambiar ese texto por otro entra en Diseño y haz click en Editar sobre el elemento Entradas del blog. Ahí cambia el texto Más información »por lo que tú quieras.
--------------------------------------------------------------------
Si quieres darle un poco de estilo a ese texto entonces entra en Plantilla | Edición de HTML pega antes de ]]></b:skin> lo siguiente:
.jump-link {
float:right;
background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.jump-link a {
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.jump-link:hover {
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}
Nos quedaría así:
Puedes configurar los colores a tu antojo, ahí he marcado dónde modificar el color de fondo y el color de texto.
--------------------------------------------------------------------
Si lo prefieres puedes sustituir el texto por una imagen, en ese caso entra a Plantilla | Edición de HTML y con la casilla marcada de Expandir plantillas de artilugios busca esta etiqueta:
--------------------------------------------------------------------
Si lo prefieres puedes sustituir el texto por una imagen, en ese caso entra a Plantilla | Edición de HTML y con la casilla marcada de Expandir plantillas de artilugios busca esta etiqueta:
<data:post.jumpText/>
<img src="URL de la imagen"/>
Listo, si tienes duda, comenta o pregunta aquí
Fuente: CiudadBlogger
Cami como hago para poner ese boton en mis entradas?
ResponderBorrar