#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Teclado Windows 10
Menu vertical jGlideMenu
 Poner un botón "Ir arriba" con jQuery
Eliminar fondo de una imagen rapidamente
Tener dos cuentas de WhatsApp en un solo movil
Formato Condicional para Excel- Resaltar fines de semana
Generadores de logos Online
SIDEBAR O BARRA LATERAL FLOTANTE Y DESPLEGABLE PARA TU BLOG
Como descubrir las contraseñas ocultas mediante asterisco
 Aprenda a filtrar un elemento DIV según su nombre de clase.
Menú de iconos
Acordeon ocultar texto en tus entradas

Añadir efectos a los vinculos de tus entradas

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.
 

Publicar un comentario

0 Comentarios