.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Añadir efectos a los vinculos de tus entradas

27 nov 2020
Vamos a ver las diferentes formas que tenemos para añadir vínculos a nuestros post de forma sencilla.
Pero antes tenemos que saber que son.
¿Que es un vínculo?
Un vínculo o enlace permiten que nuestro lectores hagan click con el ratón en ciertas palabras o imágenes, y esto les lleve a otra página o enlace determinado.
El hipervínculo realizará la misma función que el vínculo pero nos llevará a un enlace de la misma página en la que estamos.
¿Como añadirlo de forma sencilla en blogger?
En blogger lo podemos añadir muy fácilmente cuando estamos editando una entrada.
Solamente nos tenemos que ir a la parte de arriba de nuestro editor de entrada y pinchar en enlace.
Se nos abrirá otro recuadro en el que tenemos que meter la palabra que se mostrará, las dirección URl de la pagina donde lo queremos enlazar.
También podemos probar el enlace, y por último si queremos que se habrá en otra página.


 Añadir efectos a los vínculos
Vínculo
1- Muestra un cuadro de alerta con un mensaje al poner el ratón encima de un vínculo.
Solo tenemos que cambiar lo marcado en rojo por la URL de tu sitio,lo marcado en verde por el mensaje que se mostrará al pincharlo y lo marcado en azul por el mensaje que se muestra al lector.

<a href="http://tu-sitio.com" onmouseover="javascript:alert('Mensaje');return false">Vínculo</a>

2-Aumenta el tamaño del texto del vínculo al poner el ratón encima, al quitarlo restaura el texto a su tamaño original.

<div id="vinc"><a href="http://tu-sitio.com" onmouseover="javascript: void(document.getElementById('vinc').style.fontSize='3em')" onmouseout="javascript: void(document.getElementById('vinc').style.fontSize='1em')"> Vínculo</a></div>


Solo tenemos que cambiar lo marcado en rojo por la URL de tu sitio,y lo marcado en azul por el mensaje que se muestra al lector.

3- Muestra un mensaje de alerta al hacer clic sobre un vínculo, antes de enviar al usuario al destino.

<a href="http://tu-sitio.com" onclick="javascript:alert('Mensaje');">Vínculo</a>

Solo tenemos que cambiar lo marcado en rojo por la URL de tu sitio,y lo marcado en azul por el mensaje que se muestra al lector.
 

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos